移动优化网站



我必须为Android,Iphone和Blackberry开发移动优化网站,以及台式机和平板电脑的网站。我们知道所有设备的屏幕分辨率都是不同的。我的头指示我开发一个站点和所有设备,并根据设备动态更改 css。.有人知道如何创建这样的网站吗?是否有任何框架或CMS可用于此?

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

例如 http://responsejs.com/

您可以使用媒体查询根据屏幕大小、分辨率等更改 css(有关示例,请参阅此处)。

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

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

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

http://adapt.960.gs/

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

最新更新