移动优化网站

时间:2012-05-15 13:50:18

标签: php css

我必须开发针对Android,Iphone和Blackberry的移动优化网站以及桌面和平板电脑的网站。我们知道所有设备的屏幕分辨率都是不同的。我的头指示我开发一个站点和所有设备并根据设备动态更改css。 。有谁知道如何创建这样的网站?是否可以使用任何框架或cms?

3 个答案:

答案 0 :(得分:2)

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

E.g。 http://responsejs.com/

答案 1 :(得分:2)

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

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

我建议您不要使用纯CSS来为移动网站和非移动网站设置网站样式。您应该尝试最小化移动设备的DOM以减少下载时间。对于完整的网站来说,这不是一个问题,这可以从更丰富的DOM中受益。

答案 2 :(得分:1)

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

http://adapt.960.gs/

我会建议不要使用媒体查询,因为不同设备上的所有浏览器都不支持它们。看看这里进一步阅读 - > http://www.miqrogroove.com/blog/2012/dont-use-min-width-media-queries/