我的网站变焦100％+

Question

我一直对我开发的网站有这个问题。我使用了最大分辨率的媒体查询：

@media only screen and (max-width : 1920px) {}

如果页面缩放为150％，有没有办法确保内容正确显示？我的许多元素都具有绝对定位，所以如果我将max width用于其他元素，我仍会遇到问题。

Answer 1

是的...朝正确方向迈出的一大步是开始使用em代替px来设置媒体查询：

@media only screen and (max-width:120em){}

这说明了缩放，而在放大时，按像素设置会变形。Here is a good article that talks about why to use em instead of px和here is a good resource for px-to-em conversions。