【发布时间】：2012-05-15 21:57:47
【问题描述】：
我必须开发针对 Android、Iphone 和 Blackberry 的移动优化网站，以及针对台式机和平板电脑的网站。我们知道所有设备的屏幕分辨率各不相同。我的头指示我为所有设备开发一个站点，并根据设备动态更改 css。 .有人知道如何创建这样的网站吗？是否有任何框架或 cms 可用？
【问题讨论】：
【发布时间】：2012-05-15 21:57:47
【问题描述】：
我建议您查看“响应式网站”。这就是你想要的技术。
【讨论】：
您可以使用媒体查询来根据屏幕大小、分辨率等更改 css（请参阅here for an example）。
至于框架......也许你可以试试http://www.getskeleton.com/ 或 jQuery mobile。
不过，我建议您不要使用纯 CSS 来为移动网站和非移动网站设置样式。您应该尽量减少移动设备的 DOM 以减少下载时间。对于完整的网站来说，这不是什么大问题，它们可以从更丰富的 DOM 中受益。
【讨论】：
-
这是一个不错的媒体查询插件：code.google.com/p/css3-mediaqueries-js。此脚本在许多不支持它的浏览器中实现媒体查询。我还没有使用它，但我计划在我的下一个响应式设计项目中使用它。
尝试使用适应。它将允许您为不同的设备宽度范围指定不同的样式表。
我建议不要使用媒体查询，因为不同设备上的所有浏览器都不支持它们。看这里以进一步阅读 -> http://www.miqrogroove.com/blog/2012/dont-use-min-width-media-queries/
【讨论】：
-
我想知道在给定
'760px to 980px = 720.css', '980px to 1280px = 960.css',的情况下如何处理边缘情况，例如 980px？ -
它需要下一个，所以它就像 760px