移动端优化站点

Question

我必须开发Android，Iphone和黑莓手机优化的网站，也为桌面和平板电脑的网站。我们知道，所有设备的屏幕分辨率都各不相同。我的头脑指示我为所有设备开发一个站点，并根据设备动态地改变css。。有没有人知道如何创建这样的网站？有没有什么框架或cms可以用来做这个？

Answer 1

我建议你看看“响应式网站”。这就是你想要的技术。

例如，http://responsejs.com/

Answer 2

您可以使用媒体查询来根据屏幕大小、分辨率等更改css (请参阅here for an example)。

至于框架..也许你可以试试http://www.getskeleton.com/或jQuery手机。

我建议你不要使用纯css来设计一个移动端与非移动端的网站。您应该尝试最小化移动设备的DOM，以减少下载时间。对于完整的网站来说，这不是一个大问题，因为它可以从更丰富的DOM中受益。

Answer 3

尝试使用adapt。它将允许您为不同的设备宽度范围指定不同的样式表。

http://adapt.960.gs/

我建议不要使用媒体查询，因为不同设备上的所有浏览器都不支持媒体查询。请点击此处进一步阅读-> http://www.miqrogroove.com/blog/2012/dont-use-min-width-media-queries/