CSS 媒体查询高度

Question

我刚刚学习了如何使用 CSS 媒体查询使我的页面在用户重新调整窗口大小时或具有不同的屏幕分辨率时适合屏幕。

我的页面设计为用户根本不需要滚动。我想让我的页面适合 1280px x 768px 和 1280px x 960px 屏幕分辨率。问题是，当我有相似的宽度 (1280px) 时，页面会变得一团糟。

有人可以帮助我吗？非常感谢您的帮助!

Answer 1

您可以在特定维度之间设置样式。例如，像这样:

@media(min-width:768px) and (max-width:979px){

<styles go here>

}

然后，只要视口(viewport)位于这两个维度之间，您的样式就会保持不变。

我刚刚意识到这篇文章有多旧，但我还是会继续添加它，希望它能帮助别人。