移动端头部代码解释

经常情况下手机端头部会有这么一串东西

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

根据w3c的解释

• meta元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。meta 标签的属性定义了与文档相关联的名称/值对。
• name 属性提供了名称/值对中的名称
• content 属性提供了名称/值对中的值，该值可以是任何有效的字符串

其中，name=”viewport”的viewport是设备屏幕上用来显示网页的那部分区域，再具体一点就是浏览器上用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域大，也可能比浏览器的可视区域小。
width=device-width意思是：宽度等于设备宽度
initial-scale —– 初始(viewport默认)缩放大小
minimum-scale —– 允许用户缩放到的最小比例
maximum-scale —– 允许用户缩放到的最大比例
user-scalable —– 用户是否可以手动缩放