我有一个关于网站响应不同屏幕尺寸的问题。在浏览器中放大/缩小与在不同屏幕尺寸的设备上打开我的网站相同吗？
此外，我注意到我的网页在较大的屏幕上看起来非常好，但缩小会使我的图像彼此远离，并在图像之间产生空白。事情应该是这样吗？
最佳答案
就 CSS 而言，它们是同一件事。
您可以通过在 JS 控制台中运行以下代码来轻松验证这一点:window.matchMedia('(min-width: <X>px)').matches .
假设您有一台全高清显示器(1920 像素宽)并且使用 Google Chrome。还要确保您的缩放比例为 100%。然后你会看到window.matchMedia('(min-width: 1920px)').matches返回true但是window.matchMedia('(min-width: 1921px)').matches返回false .
现在，缩小到 50% 并重复。你会看到window.matchMedia('(min-width: 3840px)').matches返回true但是window.matchMedia('(min-width: 3841px)').matches返回false 。这证明HTML页面中的CSS会认为屏幕是3840px宽。
关于html - 浏览器放大/缩小与不同屏幕尺寸相同吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51576428/