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

Question

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

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

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

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

提前致谢

Answer 1

如果您想根据特定的屏幕分辨率更改网页样式，可以使用@media 查询。检查这个 stackoverflow 问题：What does @media screen and (max-width: 1024px) mean in CSS?

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

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