css - 即使我在 Windows 中将缩放设置为 125%，如何让我的网站显示为 100%？

Question

即使我在 Windows 中将缩放设置为 125%，如何让我的网站显示为 100%？

最重要的是网站字体大小。也许我可以使用“px”以外的其他单位？

感谢我能得到的所有提示！

标签： cssresponsive-designresponsivescaling

Answer 1

1.用JS调整视口宽度

document.querySelector("meta[name=viewport]").setAttribute('content', 'width=device-width, initial-scale='+(1/window.devicePixelRatio));

2. 调整样式表以使断点反映真实的设备宽度

@media (min-width: 1200px), (min-width: 960px) and (-webkit-device-pixel-ratio: 1.25) {
  /* Add Styles Here */
}

3 检测特定的像素比例，然后将所有内容缩小

@media (-webkit-device-pixel-ratio: 1.25) {
  * {
    zoom: 0.8;
  }
}