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>
<div style="height: 100px;width: 100px;background-color: blanchedalmond;">宽高100px</div>
</body>
</html>以上就是Chrome PC 端中 initial-scale 为何不生效？的详细内容，更多请关注其它相关文章！