网站css样式兼容不同浏览器问题的办法
很多网站都有一个很大的问题，在这个浏览器上显示正常，但在其它浏览器显示却错位。这就是网站浏览器不兼容。
如果你在自己建网站时也遇到了不同浏览器之间不兼容问题，可以通过本文以下语句实现DIV+CSS在不同浏览器使用不同样式。
例如我们需要增加的样式为：
.classname{
margin-top:-15px;
}
那么在IE8浏览器下的书写方式为：
.classname{
margin-top:-15px\0;
}
IE9浏览器下的书写格式为：
.classname{
margin-top:-15px\9\0;
}
IE8和IE9浏览器同时兼容的格式为：
.classname{
margin-top:-15px\8\9\0;
}
火狐浏览器的单独写法为：
/* Firefox */
@-moz-document url-prefix() {
.classname{
margin-top:-15px;
}
}
谷歌浏览器的单独写法为：
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.classname{
margin-top:-15px;
}
}
火狐谷歌同时兼容的写法为：
/* Chrome 和 opera */
@media all and (min-width:0){
.classname{
margin-top:-15px;
}
}
最后，网站做好之后，再使用IETester软件测试你的网站是否浏览器兼容正常。
以上就是速优网络和大家分享的"网站css样式兼容不同浏览器问题的办法",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。
TAG标签：
