网络编程
位置:首页>> 网络编程>> 网页设计>> 手机网站开发必修课[2009总结版](2)

手机网站开发必修课[2009总结版](2)

作者:沉鱼 来源:taobaoUED 发布时间:2010-01-05 17:02:00 

标签:手机网站,网站开发,无线,wap

XHTML部分

大多数手机不支持的:

  • 表单元素的“disable”属性

部分手机不支持的:

  • “button”标签

  • “input[type=file]“标签

  • “iframe”标签。

虽然只有部分手机不支持这几个标签,但因为这些标签在页面中往往具有非常重要的功能,所以属于高危标签,要谨慎使用。

少数手机不支持的:

  • “select”标签:该标签如果被赋予比较复杂的CSS属性,可能会导致显示不正常,比如”vertical-align:middle”。

CSS部分

大部分手机不支持的:

  • “font-family”属性:因为手机基本上只安装了宋体这一种中文字体;

  • “font-family:bold;”:对中文字符无效,但一般对英文字符是有效的;

  • “font-style: italic;”:同上;

  • “font-size”属性:比如12px的中文和14px的中文看起来一样大,当字符大小为18px的时候你也许能看出来一些区别;

  • “white-space/word-wrap”属性:无法设置强制换行,所以当你网页有很多中文的时候,需要特别关注不要让过多连写的英文字符撑开页面;

  • “background-position”属性:但背景图片的其他属性设定是支持的;

  • “position”属性;

  • “overflow”属性;

  • “display”属性;

  • “min-height”和”min-weidth”属性;

部分手机不支持的:

  • “height”属性:对”height”的支持不太好,奇怪的是在我们的测试当中,仅仅只有很少部分手机不支持”width”属性;

  • “pading”属性

  • “margin”属性:更高比例的手机不支持”margin”的负值。

少数手机不支持的:

  • 少数手机对CSS完全不支持;

JavaScript部分

这部分测试相对不那么让人抓狂,要么干脆不支持,如果支持的话,对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。

在我们测试过的手机当中,支持(包括不完全支持)JavaScript的手机比例大约在一半左右,当然,对于我们来说,最重要的不是这个比例,而是要如何做好JavaScript的优雅降级。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com