移动布局（一）

   欢迎加入前端技术营！如果你也是前端学习者或者对前端有学习的想法，那就跟着我一起从零开始进击前端。
  致力于尽可能详细且简洁的介绍前端知识、自己的捷径，也是学习路上的记录。欢迎探讨

---

目录

一、移动布局

二、每日面试题

---

一、移动布局

一、基础了解

我们之前在做网页端布局的时候，由于浏览器内核不同我们要确保兼容不同浏览器，移动端我们几乎可忽略这个问题，兼容Webkit内核浏览器即可。

调试方法：
Chrome DevTools的模拟手机调试，直接在浏览器开发者工具调试；
搭建本地服务器，手机和服务器在一个局域网内，通过手机访问服务器；
使用外网服务器，直接IP或域名访问；

视口：就是浏览器显示页面内容的屏幕区域，分为布局、视觉、理想视口
其中 理想视口需手动添加meta视口标签通知浏览器操作，布局视口的宽度应该与理想视口的宽度一致。

meta视口标签：

<meta name="viewport" content="width=device-width