如何在pc端处理h5c3的兼容性

首先引入初始化css,保证消除不同浏览器默认样式;
解决方法:
(1)让低版本兼容h5标签引入html5shiv.js
(2)让低版本兼容媒体查询引入respond.js
(3)让低版本兼容css3的box-sizing标签引入boxsizing.htc;只需要在box-sizing标签下边引入文件的当前路径即可


image.png

(4)让低版本ie8兼容border-radius标签引入ie-css3.htc


image.png

(5)css hack方式
Css hack是指个版本浏览器对css解析后出现网页内容误差的处理,它通过再css样式中加入一些特殊符号,让不同浏览器识别不同符号,已达到应用不同css样式的目的;表现形式是
Trident内核:主要代表IE浏览器,前缀为-ms
Gecko内核:主要代表为Firefox,前缀为-moz
Presto内核:主要代表为Opera,前缀为-o
Webkit内核:产要代表为Chrome和Safari,前缀为-webkit
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,907评论 1 45
  • 代码兼容:IE7及以上,360,chrome,firefox,opera,搜狗 1. 什么是浏览器兼容问题: 由于...
    protein_Ly阅读 2,682评论 0 1
  • 代码兼容:IE7及以上,360浏览器,搜狗浏览器,谷歌,火狐,欧朋等等。 一.需要注意的地方: 1.写好标准头: ...
    瞳孔里的温柔你看得见不阅读 712评论 0 1
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,275评论 0 1