前言 作为一个小前端,经常要和H5打交道,这就面临着不同终端的适配问题。 Flexible方案通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值,给我更贴切的体会就是通过js脚本根据设备的dpr和设计图的宽度来计算出html的font-size值,然后就运用rem单位开发可以等比例缩放的H5页面。 但是!Flexible已经完成了他自身的历史使命,我们可以放下Flexible,拥抱新的变化。 做到适配要解决的问题 在移动端布局,我们需要面对两个最为重要的问题: 各终端下的适配问题 Retina屏的细节处理 不同的终端,我们面对的屏幕