首页 > 软件开发 > 手机浏览器网站兼容性测评

快速发布【软件开发】相关需求,专业顾问为您服务 快速发布

用此手机号发布,您还可以点击 更换

发布需求
请输入正确的手机号
请输入正确的验证码

您是不是要找:

  • 专家问诊,提供专业建议
  • 急速响应,体验省心
  • 根据需求灵活定制解决方案

手机浏览器网站兼容性测评

标签:浏览器网站兼容性 2017-8-28 作者:西政陈城


手机的品牌、型号不同,其对应的手机浏览器网站兼容性也会存在差异。本次测验采集的样本已尽量覆盖各种特征的手机,但并不代表所有手机的情况。


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的优雅降级。


其他


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

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

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

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


以上就是小编收集整理的手机浏览器网站兼容性问题,希望对大家有所帮助和启发。

 


最新文章推荐

软件开发暂无最新文章查看全部推荐文章>

推荐人才