css - 使用屏幕属性的网页的最小宽度和最大宽度

Question

我在这里有一个情况，我需要设计一个网站，但我被困在以某种特定分辨率工作我的网页的问题上。

我在我的网页内容中使用了 %age 方法，并且需要找到一个最小宽度/最大宽度，如果它是要查看的特定监视器，我可以在其上限制整个网页或正文。

我们的最终用户使用以下规格：HP L1955 纵横比：4:3 分辨率：1280*1024

是否有任何使用上述数据的计算来知道最合适的？

提前致谢

Answer 1

如果要根据特定的屏幕分辨率更改网页的样式，可以使用@media查询。检查这个stackoverflow问题：@media screen and (max-width: 1024px)在CSS中是什么意思？

例如，如果您想为 1024 或更小的屏幕指定一些 CSS 代码，您可以在 CSS 文件中执行此操作：

@media screen and (max-width: 1024px) { /* code here */ }