Css 单位 (cm/px/pt) 仅在更改视图大小时在自己的站点上不正确

Css units (cm/px/pt) incorrect only on own site when changing view size

我将使用以下 html 作为示例:

<div style="width:1cm; height:1cm; background-color:blue;">
</div>

当我渲染此 html (chrome) 并将视图大小更改为 samsung s8+ 时,正方形变得很小。然而,当我在大多数网站(例如这个网站)的任何地方插入这个 html 时,它仍然不完全是 1cm,但它至少更近了,并且在更改视图大小时它不会改变大小。

是否有 HTML、css 或 js 东西我遗漏了样式相同。

经过更多测试,核心问题是元素(的宽度)没有缩放超过 980 像素,导致当视图宽度小于 980 时项目缩小。解决方案是将以下内容添加到header

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

这在大多数网站上都有,解释了为什么其他网站上没有出现该问题

来源:Site's body and elements are stuck on 980px width, won't scale down