viewport ------ 2020-03-22
作者:
自己写了自己看 | 来源:发表于
2020-03-22 20:02 被阅读0次
1、viewport视口（layout viewport 布局视口）：
/**
* 一个重要规则：我们把HTML5页面放到手机上预览，默认情况下,
* 不管手机设备有多宽，HTML都是按照980（或者1024）宽度渲染的；
* 这时，页面会整体缩小（内容也会缩小）；
*/
/**
* layout viewport 布局视口：这个视口可以让我们去设置规则，规定
* HTML和设备屏幕宽度的关系；
*/
<meta name="viewport"
content="width=device-width,
user-scalable=no,
initial-scale=1,
maximum-scale=1,
minimum-scale=1">
/**
* （1）content="width=device-width:
* 设置页面渲染的宽度和设备宽度保持一致；
* （2）initial-scale=1：
* 初始缩放比例 1:1，表示不缩放；
* （3）user-scalable=no
* 是否允许用户手动缩放页面；
* （4）maximum-scale=1：
* 最大缩放比例
* （5）minimum-scale=1：
* 最小缩放比例
*
*/
本文标题：viewport ------ 2020-03-22
本文链接：https://www.haomeiwen.com/subject/kwnvyhtx.html
网友评论