让网页效果看起来和设计师的设计稿一样。也就是说同一套代码在不同分辨率的手机上运行时，页面元素间的间距，留白，以及图片大小等会随着变化，在比例上跟设计稿一致。
手机设备屏幕尺寸不一，做移动端的Web页面，需要考虑在安卓/IOS的各种尺寸设备上的兼容，针对移动端设备的页面，设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备
viewport视口
CSS像素
物理像素(physical pixel)
设备独立像素（Device Independent Pixels）
设备像素比dpr(device pixel ratio)
rem(一个CSS单位)
vw/vh:CSS单位
理解meta标签
弹性布局法
px转换rem法
本教程图文或视频等内容版权归侠课岛所有，任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。
+2 金币
+3 金币
+5 金币
+7 金币
+6 金币
持续签到 +8 金币
签到成功
恭喜！签到成功，获得+2积分
