做移动网站,如果要固定宽度,多少合适?

13次阅读

我参考了大量的国内网站的移动站点,有些是百分比形式的,但是大多数是固定宽度,请教各位,如果是固定宽度,值多少合适?

另外,请给些做移动站的经验与提醒,谢谢

keroppi

固定宽度的网站,跨平台浏览的话,效果可能不会那么乐观。如果要取得良好的视觉效果,一般都会借助移动客户端应用或者响应式设计。

电脑上浏览的话,目前主流一般有 960 到 1000 左右的宽度,看需求而定。有很多相关的栅格系统,可以看看。

移动客户端上的话,可以选择使用一些开发框架或工具,比如 jQuery Mobile 等;还可以使用 HTML5 响应式设计

可以参考以下问题
http://segmentfault.com/q/10100000000…

ShingChi

可以参考下流行的前端框架的做法,比如bootstrap,用移动端看看,是不是你要的效果。当然跟我一样没出息的话就直接用啦,哈哈。

AlanZhang

首先要确保页面在 320 宽度下显示没问题,所以这是你要支持的主要宽度。
页面制作最好是按自适应来做,然后加上 min-width 做限制,这样在更高分辨率如 480 或 540、640 等屏幕上显示的效果更好。

更多内容你可以参考「响应式设计」的相关内容,页面你可以参考 http://m.samsung.com , http://m.taobao.com 来做。

Alvin

建议你安装adobe的软件,其中有一款叫做device central,虽然讲的是flash lite在各个平台下的尺寸。但是你也可以看到,几乎市面上的主流或非主流手机的屏幕尺寸。

顺便,http://twitter.github.com/bootstrap,在这个页面里,他们也简单介绍了一些主流屏幕的尺寸和CSS的做法。

膘叔

移动网站不适合固定宽度吧,移动端太多了 参考 http://segmentfault.com/q/1010000000307860

1 移动设备终端屏幕不固定,所以不能直接设定宽度或者高度。像素设置使用em单位,宽度高度设置使用百分比等。屏幕自适应还要借助 viewport属性 如:

needrunning009

正文完