码迷,mamicode.com
首页 > 其他好文 > 详细

最新兼容问题总结

时间:2017-03-27 10:46:40      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:ble   document   ie6   总结   nbsp   pat   screen   device   ref   

兼容问题解决方案。

1、在做网站之前,先把下边三句meta加入页面。

<meta http-equiv="x-ua-compatible" content="IE=9" >

<meta http-equiv="x-ua-compatible" content="IE=8" >

<meta http-equiv="x-ua-compatible" content="IE=7" >

2、PC端兼容浏览器不能用html5新增的标签。

3、伪元素也不能用,在移动端可以用。

4、如果想针对某一个浏览器,设置单独的属性值,可以:

:   .class{

      Width:100px;

}

? /*针对IE6特制识别的CSS样式*/

*HTML .class

{样式}

? /*针对IE7特制识别的CSS样式*/

*+HTML .class

{样式}

/*针对IE9特制识别的CSS样式*/

:root .class

{样式}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {Oprea}

@media screen and (-webkit-min-device-pixel-ratio:0) {谷歌}

@-moz-document url-prefix() {火狐}

最新兼容问题总结

标签:ble   document   ie6   总结   nbsp   pat   screen   device   ref   

原文地址:http://www.cnblogs.com/fkcqwq/p/6625326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!