前端实验室

为了设计稿完美适配各种设备，我们就需要将设计稿展示到各个设备的理想视口中，那么如何适配，分两步： - 设置布局视口的宽度等于设备理想视口的宽度 - 将设计稿按照比例展示到理想视口中

移动端适配视口介绍： 布局视口、视觉视口、理想视口 移动端的网页窗口往往比较小，我们可能会希望将一个大的网页在移动端可以完整的展示；因此默认情况下，移动端的布局视口是大于视觉视口的；

在移动端，虽然大部分浏览器内核都是 webkit，而且大部分都支持 css3 的所有语法。但是，由于手机屏幕尺寸不一样，分辨率不一样，或者你需要考虑横竖屏的问题，因此需要考虑移动端适配