手机Web开发学习(一)

最近用手机浏览了下自己的Blog,突然觉得那个才叫一个2B啊;
作为一名有市场意式,有设计理念的码农,于是决定用2个星期时间,来小学习下移动终端Web开发;

首先,我先找出了下目前主流的显示终端的分辨率如下:

设备 分辨率
iPad 1024×768
iPhone 4 640×960
iPhone 3GS 320×480
HTC G7 480×800

最小的分辨率宽度是320;

本人的手机是HTC G7,用默认浏览器打开3G版新浪首页,是这样的:

用Opera Mobile Emulator 模拟手机浏览,是这样的:

当然,如果你硬是要输入www.sina.com.cn来访问,那么将会变成这样:

分析3G版本新浪微博的首页css代码;
页面宽度:320px;
字体大小:20px;
字体类型:未定义
文字行高:1.5 (也就是30px)

下面,就先从320px宽度开始吧~

 

标签:, , , , , , , ,

2012 年 7 月 12 日 吴技术