@(概述)[基本概念|百分比|rem|vw/vh|响应式设计]移动端 web 页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得 web 页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。早期网页设计采用静态布局，通过标签中的 applicable-device 应用设备标识识别移动设备，即，在标签中的 viewport 标签中设置 width，通过 js 动态修改标签的 initial-scale 使得页面等比缩放，刚好占满整个屏幕。一些文章中有提到静态布局中页面各个元素采用 px 为单位，这种方案实现简单，不存在兼容性问题，……