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

我的页面经过专门设计,因此用户根本无需滚动。
我想让我的页面适合1280px x 768px和1280px x 960px的屏幕分辨率。
问题是,当我使用相似的宽度(1280px)时,页面变得一团糟。

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

最佳答案

您可以在特定尺寸之间设置样式。例如,如下所示:

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

<styles go here>

}


然后,只要视口在这两个尺寸之间,您的样式就会坚持。

我刚刚意识到这篇文章的年代,但是我会继续添加它,希望它能对某人有所帮助。

09-05 07:49