html 中 initial-scale 是否仅在移动端生效？
在 PC 端的 Chrome 中，initial-scale 缩放不生效，而在模拟移动端时生效。
原因
根据文档，viewport 元标记主要用于调节移动设备和其它窄屏设备的显示。当渲染页面时，浏览器会根据设备的 viewport 设置进行缩放。
在 PC 端的 Chrome 中，它的 viewport 设置通常是针对桌面环境，initial-scale 为 1。即使页面中显式设置了不同的 initial-scale，Chrome 也不会覆盖默认设置。
然而，当启用模拟移动端时，Chrome 会切换到移动设备的 viewport 设置。在这种情况下，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>登录后复制
在 PC 端的 Chrome 中，此代码中的 initial-scale 不会生效。但在模拟移动端时，页面将缩放到 30%。
以上就是为什么 initial-scale 在 PC 端 Chrome 中不生效，但在模拟移动端时生效？的详细内容，更多请关注抖狐科技其它相关文章！
-
联想拯救者笔记本怎么看显卡功耗
查看联想拯救者笔记本显卡功耗的方法有两种：使用任务管理器，在“性能”选项卡的“功耗”部分查看当前功耗。使用 gpu-z 软件，在“传感器”选项卡的“电源”部分查看“功耗 (w)”值。如何查看联想拯救者...
-
得物怎么投诉管理人员
您可以通过以下步骤投诉得物管理人员：联系在线客服，选择“投诉”。填写投诉内容，提供相关证据。提交投诉，耐心等待处理。得物会核实投诉、调查取证、做出判定、反馈结果并采取相应处理措施，包括批评教育、扣除绩...
-
电脑屏保密码保护你的个人数据
随着科技的不断发展，电脑屏保已成为保护个人数据的重要手段之一。然而，许多人对于如何设置和使用电脑屏保感到困惑。php小编苹果特此为大家带来一篇详细指南，帮助大家轻松设置电脑屏保，确保个人数据安全。以下...
-
横屏折叠手机哪个好用些
三星 galaxy z fold 4 是目前横屏折叠手机中的佼佼者。其出色的屏幕表现、强劲的性能、增强的耐用性、独特的功能性和可靠的电池续航能力，使其成为横屏折叠手机市场的首选。横屏折叠手机哪个好用些...
-
黑神话悟空第五回头目燧统领怎么打 燧统领打法建议分享
黑神话悟空第五回头目燧统领怎么打?在这个黑神话悟空世界中，每个boss的强度都是不一样的，不过整体的强度也是有目共睹的，不是一般的大，很多小伙伴都被卡在更种各样的关卡之中，小编在有的关卡甚至卡了好几天...