viewport视口

viewport视口

每次在写代码时,都会用vscode生成html代码时,都会有一句

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这段是viewport视口设置,如果没有的话手机浏览网页就会自动缩放文本,设置之后你写的网页就会原原本本的显示出来

比较官方一点的说明是:默认情况下，移动端浏览器打开网页时为了显示全部内容，会将页面进行缩小，如果一个网页是专门针对移动端设计的页面，不需要让浏览器缩小，则需要进行viewport设置，将with设置为device-width,initial-scale=1.0.

另外还有userscalable=no设置网页不可缩放(一般应该不需要吧)如:

<meta name="viewport" content="width=device-width, initial-scale=1.0,userscalable=no">