H5到底是什么
知乎上有人详细的说了:点击查看王德福的回答
我的理解:
现在前端圈外的人大多数都认为H5指的是HTML5,这句话是错误的,他们的理解应该解释为:H5是移动端页面
当别人对你说:他想要一个H5页面的时候,他直接可以理解为:他想要一个类似于那种朋友圈可以分享,然后有炫酷的页面预加载,有背景音乐,可以滑动的动画,动态文字和图片,可以填表报名等功能的界面。
所以,H5其实并没有一个规定好的定义,他本就不是一个技术,而是前端很多技术的一个组合应用罢了。
viewport是什么
Peter-Paul Koch 曾经发表了一系列文章讨论viewport,推荐看一看
关于视口和像素的知识之后补充,这里先写几个常见的viewport的写法
想了解底层知识可以看MDN上关于viewport的讲解
viewport常见写法
- 常见的写法
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=0">
- 淘宝官网的写法
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,
user-scalable=no,viewport-fit=cover">
- vscode自动填充的
<meta name="viewport" content="width=device-width, initial-scale=1.0">
先看更多关于html头部meta该如何写的知识,可以看这个人的github