手持设备的样式表
手持设备的特殊性:
1 屏幕窄小;如手机屏一般在100-150px;PDA:200-300px;某些袖珍电脑型手持设备可达700px;
2 少得可怜的内存
3 缓慢的传输速度
4 数百种手持设备,它们可以使用四十多种不同的浏览器(不同的浏览器以不同的方式支持XHTML\CSS.;
5 应该说,用户用计算机浏览网页与用手持设备浏览网页时选择的内容有一些差别;所以有些不能单纯地考虑小型化,还应该按照移动化的原则适当考虑对页面进行重写。判断哪些信息对于移动用户是特别有用的,然后设法让用户能够通过最小的滚动、点击和最短的等待和下载时间来获得这些信息。所以从短期来看,可以考虑样式表的替换;从长期来看,应该考虑为移动访问创建单独的站点,提供对于移动用户特别有用的特性。
支持的字体少;对列表的支持很好
大部份按流量付费;
某些手持设备会完全忽略掉CSS;
移动Web从一开始就受到自身的限制:窄小的屏幕、少得可怜的内存以及缓慢的传输速度。于是,人们开发出WAP(Wireless Application Protocol,无线应用协议)来尽可能提高速度,设计出WML(wirelessMarkup Language,无线标记语言)来简化站点;以使这些小型浏览器能够显示站点。
WAP已经扩展为处理大量的XHTML和CSS,因此能够访问普通常规的网页。与此同时,WML日益没落了。
1 下载大众化的浏览器,如Opera,选择view---smallscreen;
2 下载手机模拟器,Nokia,Palm,Blackberry
结对手持设备的XHTML AND CSS
手持设备对某些元素的支持不是很理想,应该给予注意;
<link rel="styleshett"type="text/css" href="sheetname.css"media="handheld" />
隐藏多余的元素:display:none;
创建额外的返回顶部的链接;
.totop{display:none;}
针对小屏幕进行调整:
1 调整外边距和内边距;
2 添加边框
3 减小将要元素的大小;
4 使内容居中;
5 删除图像边框;