我想修复Google Chrome和Safari上显示的CSS上的一些错误，但Firefox和Opera mobil显示正确。几年前发现在ie7.css中编写一些代码的发现，Internet Explorer 7读取了这些行，并且可以解决bug。
现在我遇到了chrome和androind导航器的问题，所以我认为如果可以在Chrome上解决这个bug，那么这个bug就会被安装在andriod平板电脑上。
例如我有一行：
.logo-social { position:relative; padding: 10px 0; margin-top:-10px; z-index:500; }
在Firefox上，我的社交栏显示在菜单上方-10px，Slider，buy On chrome比菜单和滑块低20px，所以我设置 z-index：500; 显示滑块而不是后面。
如果我设置 margin-top：-25px ，社交栏会在Chrome浏览器上正确显示。 ：/
如果有一些东西需要修复，比如IE7或IE8会很棒！
答案 0 :(得分：1)
使用媒体查询技术
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* webkit specific rules here */
Body {}
}
这将针对webkit浏览器，或者您可以使用javascript
答案 1 :(得分：1)
CSS解决方案
@media screen and (-webkit-min-device-pixel-ratio:0) {
// your css here for .logo-social
}
注意：但这也将包括opera，因为它现在也使用webkit。
Javascript解决方案
if (navigator.appVersion.indexOf("Chrome/") != -1 || navigator.appVersion.indexOf("Safari/") != -1) {
// modify
}
确保在特定浏览器上运行命令以交叉检查返回的appVersion