13618602336

  • 易胜博足球官网建设
  • 易胜博足球官网套餐
  • 品质保证
  • 合作流程
  • 关于我们
  • 成功案例
  • 品牌易胜博足球官网
  • 营销型易胜博足球官网
  • 企业易胜博足球官网
  • 行业易胜博足球官网
  • 政府单位
  • 教育机构
  • 关于我们
  • 服务范围
  • 易胜博足球官网建设
  • 手机易胜博足球官网
  • 微易胜博足球官网
  • 全站flash
  • 视频主持人
  • 400电话
  • 企业邮箱
  • 推广软件
  • 关于我们
  • 易胜博足球官网知识
  • 易胜博足球官网建设
  • 易胜博足球官网优化
  • 易胜博足球官网推广
  • 关于我们
  • 联系我们
  • 联系方式
  • 留言咨询
  • 付款方式
  • 关于我们

    武汉珞珈学子教大家解决浏览器兼容问题

    2019-09-17 17:57 浏览 次 来源:未知
    武汉珞珈学子小编在武汉易胜博足球官网建设中遇到浏览器兼容性问题常常让人头疼,以下是避免出现这些问题的五个技巧。
     
     
    1. 前缀 CSS3 样式
     
    如果您正在使用任何类型的现代 CSS 片段,例如框尺寸(box-sizing)或背景剪辑(background-clip),请确保使用适当的前缀。
     
     
     
     
    1  -moz- /* Firefox 和其他使用 Mozilla 浏览器引擎的浏览器 */
     
    2  -webkit- /* Safari,Chrome 和其他使用了 Webkit 引擎的浏览器 */
     
    3  -o- /* Opera */
     
    4  -ms- /* IE 浏览器(但不总是 IE) */
     
     
    2. 使用 reset
     
    您可以使用normalize.css,下面是我用的,来自 Genesis Framework Style Sheet。
     
     
     
     
    1  html,body,div,span,applet,object,iframe,h1,h2,
     
    2  h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,
     
    3  big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,
     
    4  strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,
     
    5  dd,ol,ul,li,fieldset,form,label,legend,table,caption,
     
    6  tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
     
    7  nav,output,ruby,section,summary,time,mark,audio,video {
     
    8  border: 0;
     
    9  margin: 0;
     
    10  padding: 0;
     
    11  vertical-align: baseline;
     
     
    12  }
     
     
     
    3. 避免填充宽度
     
    当你添加宽度为一个元素的填充时,它会变得更大。宽度和填充将被加在一起。
     要解决这个问题,可以添加这个:
     
     
    1  * { -webkit-box-sizing: border-box; /* Safari/Chrome 等 WebKit 内核浏览器 */
     
    2  -moz-box-sizing: border-box; /* Firefox 等 Gecko 内核浏览器 */
     
    3  box-sizing: border-box; }
     
     
    4. 清除 float
     
     
    如果没有清除,很容易出问题。感兴趣的可以看看Chris Coyier 的这篇文章。
     
    可以使用此 CSS 代码片段来清除:
     
     
     
     
    1  .parent-selector:after {
     
    2  content: "";
     
    3  display: table;
     
    4  clear: both;
     
    5  }
     
     
    如果你包装大部分的元素,一个非常简单的方法是将它添加到你的 wrap 类中。
     
     
     
     
    1  .wrap:after {
     
    2  content: "";
     
    3  display: table;
     
    4  clear: both;
     
    5  }
     
     
    搞定!
     
     
    5. 测试
     
    创建您自己的跨浏览器基础架构或仅使用Endtest。
    武汉珞珈学子易胜博足球官网建设觉得如果你让这些东西成为一种习惯,大概可以搞定九成的浏览器问题。
     



    联系我们

    CONTACT US

    袁经理: 电话:027-68772750 地址:武汉市洪山区武珞路珞珈山大厦A座1701室 鄂ICP备09016823号-7