📅 最后修改于: 2023-12-03 14:41:54.753000 🧑 作者: Mango
HTML 初始比例（Initial Scale）指的是在移动设备上，浏览器载入网站的初始缩放比例。
在不同移动设备上，不同的尺寸和分辨率的屏幕上，网站的展现效果也随之不同。
为了让用户在浏览网站时能够更好地观看和使用，需要设置适当的初始比例。这样可以避免用户打开网站时需要手动缩放。
在 HTML 的 head 标签中，可以通过 meta 标签设置 HTML 初始比例。具体设置如下所示：
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
其中，content 属性包含两个关键字：width 和 initial-scale。
width 表示 viewport 视口的宽度，device-width 表示设备的宽度。这里设置为 device-width 代表视口宽度和设备宽度一致。
initial-scale 则是设置初始缩放比例，通常设置为1.0。这样可以确保网站在移动设备上的宽度和设计宽度一致。
除了 width 和 initial-scale 以外，还可以设置其他选项来改变移动设备上的浏览效果。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
在移动设备上，为了让用户在浏览网站时可以更好地观看和使用，需要调整网站的展现效果。HTML 初始比例可以帮助我们设置合适的初始缩放比例，让用户不需要手动去调整屏幕适配。www。设置 HTML 初始比例只需在 head 标签中通过 meta 标签设置即可。