我必须开发适用于 Android、Iphone 和 Blackberry 的移动优化网站以及适用于台式机和平板电脑的网站。我们知道所有设备的屏幕分辨率各不相同。我的头指示我为所有设备开发一个站点，并根据设备动态更改 css。. 有人知道如何创建这样的网站吗？是否有任何框架或 cms 可用于此？
问问题
785 次
3 回答
2
我建议您查看“响应式网站”。这就是你想要的技术。
于 2012-05-15T13:54:56.857 回答
2
您可以使用媒体查询来根据屏幕大小、分辨率等更改 css（请参阅此处的示例）。
至于框架……也许你可以试试http://www.getskeleton.com/或 jQuery mobile。
不过，我建议您不要使用纯 CSS 来为移动网站和非移动网站设置样式。您应该尽量减少移动设备的 DOM 以减少下载时间。对于完整的网站来说，这不是什么大问题，它可以从更丰富的 DOM 中受益。
于 2012-05-15T13:57:13.403 回答
1
尝试使用适应。它将允许您为不同的设备宽度范围指定不同的样式表。
我建议不要使用媒体查询，因为不同设备上的所有浏览器都不支持它们。在这里查看以进一步阅读-> http://www.miqrogroove.com/blog/2012/dont-use-min-width-media-queries/
于 2012-05-15T13:57:47.190 回答