十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
script
为中方等地区用户提供了全套网页设计制作服务,及中方网站建设行业解决方案。主营业务为做网站、成都做网站、中方网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
var 用户代理 = navigator.userAgent.toLowerCase();
var 浏览器;
var 浏览器版本 = {};
(浏览器 = 用户代理.match(/msie ([\d.]+)/)) ? 浏览器版本.ie = 浏览器[1] :
(浏览器 = 用户代理.match(/firefox\/([\d.]+)/)) ? 浏览器版本.firefox = 浏览器[1] :
(浏览器 = 用户代理.match(/chrome\/([\d.]+)/)) ? 浏览器版本.chrome = 浏览器[1] :
(浏览器 = 用户代理.match(/opera.([\d.]+)/)) ? 浏览器版本.opera = 浏览器[1] :
(浏览器 = 用户代理.match(/version\/([\d.]+).*safari/)) ? 浏览器版本.safari = 浏览器[1] : 0;
if (浏览器版本.ie) document.write('styleCSS在这里/style');
if (浏览器版本.firefox) document.write('styleCSS在这里/style');
if (浏览器版本.chrome) document.write('styleCSS在这里/style');
if (浏览器版本.opera) document.write('styleCSS在这里/style');
if (浏览器版本.safari) document.write('styleCSS在这里/style');
/script
变量用的中文,你应该看得懂,不懂再问我
在chrome里按F12,定位被覆盖的css的div层,在右侧的css里找到被划线的属性,然后往上找,找到同样的属性,没有被划线的,就是被它覆盖了,如图:
不如右键选择open link in new tab来查看吧,这样就可以自动换行了,chrome的resources是严格按照元素内部文本结构来呈现的,也就是如果它的网站CSS是经过压缩的,把所有换行都清除掉了,在resources里面就是一行显示全部;如果网站的CSS里面是分行显示的,在resources里面也就是分行显示,似乎也没有什么地方可以改变这一设置,一般这些CSS要看的话都是下载下来或者新开一个页面看了,没有必要在开发者工具里面看,空间又小又挤,看起来也费力,而且要调试的话直接在elements里面就可以解决问题了。
只能修改自己引入(设置)的样式,用户代理样式(浏览器设置的,开发者无法修改),毕竟那是浏览器,咱们无法控制。
尽量采用标准的CSS样式,避免浏览器产生差异,而且对于现代浏览器来讲一般很少产生这种兼容性问题,如果实际情况需要区分,也尽量用以设置那些低版本浏览器(IE6/7/8)。
要区分IE和chrome,有个分水岭就是IE9,IE9以上浏览器支持HTML5,所以可以采用一些CSS3中的新属性来区分IE低版本与chrome,另外还可以采用属性值加\9的方式来区分IE和chrome,例如:top:10px\9; (仅IE有效)。