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

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 屏幕和(最大宽度:1024 像素)
{
/* 代码在这里 */
}