在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值，适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高

自适应和响应式 自适应：根据不同的设备屏幕大小来自动调整尺寸、大小 响应式：会随着屏幕的实时变动而自动调整，是一种更强的自适应 为什么要做移动端适配？ 目前市面上移动端屏幕尺寸非常的繁多，很多时候我们

由于iPhoneX去掉了物理按键，改为了底部小黑条，这就会导致屏幕适配问题，最常见的场景就是底部fixed的元素被阻挡的情况。对于这种问题，我们一般采取css或js的处理方式（适用于h5，小程序）。 viewport-fit：IOS11新增的特性，是为了iPhoneX而对met…

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

前言：根据最近做的一个医疗手机端项目总结在移动端，vue怎么在不同屏幕上做根据不同屏幕大小适配 1、适配方案 在本项目中我所使用的vue移动方案是使用amfe-flexible 和 postcss-p

移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题： 1px 问题 UI 图完美适配方案 iPhoneX 适配方案 横屏适配 高清屏图片模糊问题 ... 上面这些问题可能我们在开发中

作者：滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动…

，我的天，等了这么久你给我看这个？码农慌得一批满地找新 iphone 的逻辑像素，然后想着怎么兼容这刘海和胡子。 其实对于 web 前端来说，刘海在绝大多数的场景下是可以不用处理的，因为 safari 或客户端（微信，手Q等）的 statusBar 已经替我们抹平了顶部刘海，我…

流式布局是一套典型的弹性布局，它的关键特点是：页面中的关键（布局）元素的宽高和位置都不会变化，只有容器元素在做拉伸变化，简单来说就是宽度的拉伸，快级盒子默认就能适应容器的宽度。这种布局对于页面简单的web app是足够了，比如拉钩的页面： 中间每条招聘信息不管分辨率怎么变，招聘…