365e世博设计时浏览器不兼容解决方法

发表日期:2018/11/3 2:05:15 浏览次数:



1、针对I E 系列浏览器的365e世博设计代码        

1.1. 针对 IE 6 的专属 CSS Hack 365e世博设计代码        #id{        _display: block;        }            

也就是在365e世博设计CSS属性前加一个小划线就好。        

1.2. 针对 IE 7 的专属 CSS Hack 365e世博设计代码        #id{        *display: block;         }        

即在365e世博设计CSS属性前加上一个星号即可        

1.3. 针对 IE 8 的专属 CSS Hack 365e世博设计代码        #id{        margin-top: 10px 9; /*IE8*/        }       

 如上所示,解决办法为在365e世博设计CSS属性后分号前加上空格与斜线并加入一个数字9即可        

2、针对火狐的CSS Hack 365e世博设计代码        

火狐可谓是最标准的浏览器之一了,365e世博设计技术只要稍稍不到位就能体现得淋漓尽致,所以不少365e世博设计师也很头痛,其实想要解决火狐的兼容性除了要把365e世博设计的基础知识扎牢之外只要将CSS代码写入到下图 @-moz-document url-prefix(){ } 里面就行了        @-moz-document url-prefix()        {         #id{ display: block; }         }        

3、针对 Safari 的CSS Hack 365e世博设计代码        

Safari是苹果计算机的最新作业系统Mac OS X中新的浏览器,用来取代之前的Internet Explorer for Mac,它使用了KDE的KHTML作为浏览器的运算核心。        @media screen and (-webkit-min-device-pixel-ratio:0)        {         #id { display: block; }         }       它的兼容性做法和火狐相近。       

 4、针对 Opera 的CSS Hack 365e世博设计代码        

Opera即Opera Software ASA,是台式机、各种设备和移动网络浏览器市场的商业领袖,因快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认,并在网上受到很多人的推崇。        @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)        {        head~body #id { display: block; }        }        

因此运用以上方法让我们的365e世博设计更好的与各种浏览器兼容的时候其实已经违反了365e世博制作的W3C标准,但如果365e世博都不能正常打开,那些所谓的标准又有什么意思呢?这需要根据实际情况来取决。

移动设备浏览《365e世博设计时浏览器不兼容解决方法》请扫描二维码, 欢迎访问更多相关内容

公司座机:0519-85115799 服务热线:13357899835 EMAIL:admin@seo-fox.cn
业务QQ:285700415 公司地址:常州市新北区太湖东路9-2号创意大厦1502
上海股权托管交易中心 企业代码:205675
在我们眼里,一个365e世博应该是专业的,易于操作的,更重要的是:365e世博是强大的营销工具,让潜在客户了解你的公司提供的更多产品或服务
我们只做有价值的365e世博!
0
MAP
2007-2015 © 常州网狐信息技术有限公司