手机前端的一些支持不太好的css和属性

XHTML部分


http://www.68design.net/Web-Guide/Other-Guide/48736-1.html


大多数手机不支持的:


  • 表单元素的“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完全不支持; 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值