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

Posted 2023-03-06

【中文标题】使用屏幕属性的网页的最小宽度和最大宽度

【英文标题】：Min-width and Max-width for an webpage using Screen properties

【发布时间】：2013-01-12 18:58:44

【问题描述】：

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

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

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

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

提前致谢

【问题讨论】：

我只是想将它设计为在提到的特定分辨率下达到最佳效果，并希望在其他分辨率或宽屏上看到相当可见的项目...

【参考方案1】：

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

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

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

【讨论】：

好的，这是我要记住的一点；但这适用于 IE 8 或更低版本吗？

@GOK 看来如果你需要支持 IE6-8，你将无法使用传统的@media 查询，但可以使用一点 JScript ：webmonkey.com/2011/04/…