转换现有网站以供移动使用?

时间:2011-03-23 22:13:24

标签: css mobile mobile-phones

使现有网站适合移动设备(上网本,基于Android,Iphone,Blackberry等的移动电话)的最佳方法是什么?

4 个答案:

答案 0 :(得分:4)

如果没有实现移动框架,我建议使用CSS Media Queries的优势,这将允许您根据浏览设备的wdith提供不同的CSS。

一个好的开始是看LessFramework已经完成网格计算的所有艰苦工作。

答案 1 :(得分:2)

让它变得灵活。

您可以使用CSS媒体查询检测不同的设备宽度:http://www.w3.org/TR/css3-mediaqueries/#device-width

不太规范的解释:http://mislav.uniqpath.com/2010/04/targeted-css/

很棒的博文:http://webdesignerwall.com/general/the-wall-is-redesigned

CSS3 flexible box model也可能是你最好的朋友。

答案 2 :(得分:2)

Twitter Bootstrap还会为您提供一些非常好的开箱即用响应功能,这意味着网站的演示文稿将根据设备类型和屏幕大小进行调整。

我建议您查看此book

答案 3 :(得分:0)

目前有许多工具可用,但如何保持良好的用户体验是最重要的。