随着手机和PDA等移动设备上网用户持续增长,确保网站能被移动端用户顺畅访问至关重要。您可以先自测:是否在移动设备上浏览过自家网站?是否有信心让客户在手持设备上轻松获取信息并完成购买?若答案并非肯定的“是”,请继续阅读。
与 W3C 核对
开发者应首先查阅万维网联盟(W3C)关于CSS和移动设备的规范(W3.org/TR/css-mobile/)。若基础规范已掌握,可进入实用分析环节:检查网站是否使用了表格、包含大量图片或多媒体文件,以及加载速度是否过慢。尽管移动端互联网运作机制与PC端基本相同,但务必确保信息易于阅读和导航。
Skweezer.com是将网站转换为移动友好格式的有效工具。输入URL后,它会移除大图片、CSS样式及不兼容元素,生成移动版预览。建议将其视为制作移动CSS配置的起点。要为移动用户提供替代样式表,请在HTML文档head部分插入以下代码:
<link href=”/css/global.css” rel=”stylesheet” type=”text/css” media=”handheld” />
为移动设备分配样式时需注意以下几点:保持设计简洁;鉴于移动设备网速较慢,应避免使用大量图片和图形;考虑到手持设备屏幕尺寸和分辨率各异,建议根据屏幕缩放页面元素,而非设置固定像素宽度。

