2010-01-24 137 views
10

我打算创建移动版网站...我的网站的移动版本,什么设计宽度是最佳?

我应该选择什么样的宽度设计?我知道每个设备都有它自己的屏幕宽度,并且它非常适合所有设备...

我真的很困惑(对手机网站世界来说很新奇),请大家帮忙。

谢谢。

+1

只要选择'100%'。 – kennytm 2010-01-24 10:20:37

回答

5

您的方法取决于您想要(或可以)投入多少努力以及您想要定位的移动用户的范围。为了尽量减少工作量,Kenny™指出只需使用100%,并期望您的网站可以在128px到480px的屏幕宽度上浏览。使用这种方法,您还需要避免使用“高级”xhtml指令,如css和div(和javascript),因为大多数移动浏览器无法处理这些方面的某些方面。计划使用表来管理布局。

对于更高级的方法,您可以使用名为WURFL(http://wurfl.sourceforge.net/)的开源项目,该项目是移动浏览器及其功能(屏幕宽度,支持div,css,图像等)的数据库。它有一个名为WNG的jsp标签库,您只需编写一次,标签库将呈现最合适的html以匹配用户的设备。我相信这里也有一个PHP库。

Rgds,Kevin。

2

对于这类问题,我强烈推荐阅读MobiForge developers' guide。在那里有许多有用的建议,包括如何挑选移动开发不可避免的妥协。

+0

MobiForge指南需要注册才能下载并且已经过时,因为它没有解决现代手机的高分辨率和高ppi屏幕(iPhone上为320x480或480x320,最新Android手机上为800x480/480x800)。 – MaxVT 2010-01-24 11:17:41

+0

当然已经过时了,这些东西在他们写出来的那一刻就过时了。但是,建议的基本内容是合理的。 – skaffman 2010-01-24 11:20:10

相关问题