我有一个 Joomla SPPB 的 html 模板:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
它有容器:
@media (min-width: 1200px) {
.ph {
max-width: 1140px;
}
}
在我的 24" (1920x1200) 屏幕上没问题。但在 15" (1920x1200) 笔记本电脑上,它明显小于 1140 像素。当我制作截图并在 Photoshop 中测量时,它接近 950 像素。
我知道在较小的屏幕上它会更小,但是为什么我的 CSS px 不成比例?