我与一位平面设计师合作，他一直希望制作大于我推荐的 960 像素的网站。我可以使用液体布局做一定量的工作，但我真的很喜欢能够加载不同的 CSS 以实现更大的分辨率。我用谷歌搜索并找到了下面的链接，但我担心我没有听到更多关于此的信息。这是一个可靠的方法吗？我很担心，因为我以为会有更多的人想要这样做。
http://www.ilovecolors.com.ar/detect-screen-size-css-style/
Thanks
简单回答你的问题：没有。
即使是，构建多个 CSS 文件等似乎效率很低。有比依赖分辨率更好的方法。
一个冗长的答案：
当 960 变成“哦，那是 2010 年了……”您的网站有多少会显得过时？同时，并不是每个浏览互联网的人都拥有 30 英寸影院显示器或双显示器设置。我尝试设计以最好地适应MY交通。
虽然检测浏览器窗口宽度和/或屏幕宽度（显示器分辨率）可能很好，但我认为大多数人的意见是这样的：了解您的目标受众并为其设计/构建。
构建一个 960 网格和一个 CSS，然后构建一个 1024 网格和 CSS = 效率低下，而且不是很“面向未来”。
如果您在观察网站流量时发现 90% 的访问者使用 1 或 2（或 3）种分辨率，请构建适合该受众的流畅布局。
流体布局可能是目前市场上不断扩展的设备、分辨率、视口尺寸、屏幕定义（低、中、高）的最佳通用解决方案 - 更不用说 18 个月后了。
-
查看 @media 查询以添加到流畅的布局/设计中。修改 1 个 CSS 文件（而不是 3 个）。http://www.w3.org/TR/css3-mediaqueries/
@媒体屏幕和（最大宽度：960px）{
h1，h2 { 颜色：#990000;字体大小：1.4em； }
}
@媒体屏幕和（最大宽度：1280px）{
h1，h2 { 颜色：#336699;字体大小：1.8em； }
}
Add min- and max- widthsCSS（或类似的逻辑）还可以帮助满足更广泛的分辨率/浏览器尺寸，并为您的设计提供更长的保质期。和不依赖在 document.window.width() 函数上。
让您的钱得到最大的回报。流畅的设计、@media 查询、JavaScript 有助于弥补一些差距。您最终将获得更少的代码、更“面向未来”的设计以及更高比例的满意访问者。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
