谈谈手机版web页面制作的一些注意事

    类别:技术文档  贡献者:admin  总点击:3173  受欢迎度:10  更新日期:2013年07月01日
简介:不支持固定像素的宽度,100%显示页面,如:在UC浏览器始终将看到的是“满屏的”。.
  • 谈谈手机版web页面制作的一些注意事项

    一、关于手机页面的标准头

    字符编码使用utf-8

    指定页面手机内存缓存中的存储时间段

    device-width通知浏览器使用设备的宽度作为可视区的宽度

    initial-scale - 初始的缩放比例

    minimum-scale - 允许用户缩放到的最小比例

    maximum-scale - 允许用户缩放到的最大比例

    解决原先在Pocket PC 2002上能够全萤幕显示的Flash影片(240×320),到了Pocket

    PC2003之后,自动会缩小的问题

    二、关于css样式

    1页面自带css建议style标签头标准化,格式:

    id="internalStyle">

    2 部分手机浏览器对如下css样式支持不是很好,建议慎重使用:

    · 不支持font-family属性,也就是说,在很多浏览器可能只有一种默认字体;

    · 不支持font-szie属性,如在UC浏览器你只能看到一样大小的字体;

    · 不支持width、height、padding、margin、line-height属性,如,在UC浏览器只

    能通过p、br 等HTML标签来换行以达到字符上下间隔;

    · 不支持固定像素的宽度,100%显示页面,如:在UC浏览器始终将看到的是“满屏的

    ”;

    · 不支持浮动、层叠布局,float和position属性无效,如:在UC浏览器你只能看到

    “左对齐”,建议使用table格局。

    · 支持background-color,但不支持background-image,也就是说不支持CSS背景图

    显示,在UC浏览器你只 能看到背景色,为了手机的流量,提倡尽量少用背景图。

    · max-device-width这样的选项,限定屏幕宽度小于480的设备才采用该样式表,代

    码格局如下:


    三、其他

    1网页大小限制:建议低版本页面不超过15k,高版本页面不超过60k。

    2部分手机不支持png8和png24,所以尽量使用jpg和gif的图片;

    3另外对于平滑的渐变等精细的图片细节,部分手机的色彩支持度并不能达到要求,所

    以慎用有平滑渐变的bar设计;

    4部分手机对于超大图片,既不进行缩放,也不显示横下滚动条;

    5少数手机在打开超过20k的测试页面时,会显示内存不足

    6大部分手机不支持表单元素的“disable”属性

    7在手持设备上,按钮最好不要直接用img标签

    四、浏览器使用情况:

    CNNIC与CR-Nielsen联合发布的《2009年中国移动互联网与3G用户调查报告》显示,

    手机自带浏览器市场份额高达49.6%,

    在现有手机浏览器品牌中,

    腾讯手机浏览器份额27.3%,

    UC手机浏览器份额11.2%,

    Opera手机浏览器份额1.8%,

    其他手机浏览器份额2.4%。

    尽管今年 UC浏览器扳回一城,重新超越了QQ浏览器,但不排除有随时被对方超越的可

    能。

    补充本知识点暨快乐评论此文章:'做网页:谈谈手机版web页面制作的一些注意事.'

文章标签:wap 
踩下去0
顶上来0
复制本页网址,与你QQ/MSN上的好友分享  温馨提示:如果您喜欢本站,请把她推荐给您的朋友们!
现在有0人对本文发表评论。  »马上发布评论
现在有0人对本文发表评论。  »查看所有评论
您的姓名: * 可选项,留空即为匿名发表
评论内容:
剩余字数:  * 按 Ctrl + Enter 直接发送.
           »»我要分享做网页知识
相关文章推荐
网友阅读排行
技术文档
本站会员贡献
合作伙伴: 百度站长平台 新浪读书频道 CSDN.Net YPState R灯具集 小金子学院 商录 全球网站推广库 搜狗站长平台 网页百科 更多» >>加入本站作者团
首页 | 关于我们 | 网站地图 | 合作伙伴 | 部分作者 | 会员注册 友情链接 | 联系方式 |
2004-2020 做网页学习网 鄂公网安备 42010402000280号 鄂ICP备13003030号