适配
14篇文章 · 0订阅
  • 前端常见布局方式实现
    平时常用的布局方式小结
    前端
  • 移动端 Web 开发踩坑之旅
    最近在一个移动端的 Web 项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的新人们。
    前端
  • 手机端页面自适应解决方案—rem 布局进阶版
    这是阿里团队的高清方案布局代码，所谓高清方案就是根据设备屏幕的 DPR（设备像素比，又称 DPPX，比如 dpr=2 时，表示 1 个 CSS 像素由 4 个物理像素点组成） 动态设置 html 的 font-size, 同时根据设备 DPR 调整页面的缩放值，进而达到高清效果。
    前端
  • rem 布局原理
    利用动态设置 html 的 font-size 来解决适配问题
    CSS
    rem 布局原理
  • Rem 等比适配始末
    在 Viewport 等比适配始末 说过使用 Viewport 来实现等比适配的例子，本文详解等比适配的另一种方式 推导 拿到一个宽度为 vWidth 的视觉稿设设备屏幕宽度为 dWidth 在视觉稿上量得一个元素的宽度为 eleVWidth 那么要实现按照宽度等比适配，在各种设备…
    HTML
  • H5 单页面手势滑屏切换原理
    其实很简单，不过好炫酷
    H5 单页面手势滑屏切换原理
  • 探讨判断横竖屏的最佳实现
    在移动端，判断横竖屏的场景并不少见，比如根据横竖屏以不同的样式来适配，抑或是提醒用户切换为竖屏以保持良好的用户体验。 判断横竖屏的实现方法多种多样，本文就此来探讨下目前有哪些实现方法以及其中的优缺点。
    前端
    探讨判断横竖屏的最佳实现
  • transform，transition，animation 的混合使用——结业篇
    css 动画的动画制作没有什么特别高深的地方，引入少量的 css 代码就能实现丰富多彩的页面效果是作为一个 web 前端开发者所推崇的，但我想要强调的是掌握并深入的理解 css 的基础，以及灵活的运用是做出一个画面美观、代码简洁、性能高效的 css 动画的必备技能。今天，我也就不再多做赘述，我就…
    CSS
    transform，transition，animation 的混合使用——结业篇