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

有帮助吗?

解决方案

使其具有灵活性。

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

缺乏规范性的解释: http://mislav.uniqpath.com/2010/04/ targeted-css /

很棒的博客文章: http://webdesignerwall.com/general/the-wall-经过重新设计

CSS3柔性盒模型也可以是您最好的朋友。>

其他提示

如果没有实现移动框架的建议,我建议您优先使用 CSS媒体查询,这将允许您根据浏览设备的宽度提供不同的CSS。

一个好的开始是看看 LessFramework ,它消除了所有网格计算的辛苦工作。/ p>

Twitter Bootstrap 还将为您提供一些不错的即用型响应功能,这意味着该网站的演示文稿将根据设备类型和屏幕尺寸进行调整。

我建议您查看这本

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top