Chrome PC 端中 initial

admin数码03/11/2024 19:47:5700

Chrome PC 端中 initial-scale 为何不生效？

chrome pc 端中 initial-scale 的兼容性

在 Chrome PC 端中，使用 initial-scale 设置缩放时，发现效果不生效。通过测试发现，只有在开发工具中启用模拟移动端时，initial-scale 的缩放功能才会生效。

这是因为，viewport 这个 meta 标签主要用于处理移动设备和其他窄屏设备的布局。在 PC 端的 Chrome 浏览器中，这个标签仅在模拟移动端时才会生效，否则 initial-scale 缩放会失效。

以下代码演示了在 PC 端中使用 initial-scale 设置缩放的无效性：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=0.3">
    <title>Document</title>
</head>
<body>
    <p style="height: 100px;width: 100px;background-color: blanchedalmond;">宽高100px</p>
</body>
</html>

登录后复制

以上就是Chrome PC 端中 initial-scale 为何不生效？的详细内容，更多请关注其它相关文章！

Tags：缩放标签