背景 网页在不同平台上展示的布局不一致，需要改成类似等比缩放的效果以便在各平台显示 选型 主流方案 官网方案 实现 核心逻辑 使用 postcss-px-to-viewport 插件，将 src 以及三方库(node_modules)下的所有样式文件 里面的 px 单位转换到 rem 单位 在公共样式下根据媒体查询（屏幕宽度 or 屏幕 dpi）设置每种字体的大小 由于目前插件不能转换非样式文件里面的 px 单位，所以需要写两种公共样式，这里会通过 url… »

移动端 web 页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得 web 页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。 方案概述 静态布局 + initial-scale + 各个元素 px 早期网页设计采用静态布局，通过 标签中的 应用设备标识识别移动设备，即 。 在 标签中的 viewport 标签中设置 width，通过 js 动态修改标签的 initial-scale… »