你需要学习CSS，不同浏览器对CSS的支持是不一样的，例如一个滚动条的样式,ie和chrome的css代码就不同,而firefox则根本不支持。
一、怎样更改360浏览器的模式操作方法：
01、打开电脑上的360浏览器，然后点击电脑右上角搜索框旁边的模式更改。
02、然后就可以选择兼容模式啦。不过一般默认的是极速模式，这样浏览信息电脑不卡。
二、360浏览器兼容模式怎么设置：
1、在打开360浏览器看到地址栏最后面有个“闪电”的图标，鼠标放上去会显示当前模式：
2、点击一下，会显示两种模式，分别是“极速模式”和“兼容模式”：
3、点击兼容模式后就是那个“闪电”图标变为“ie”图标了：
4、但是有些网页你会发现是不能转换模式的，比如在360的搜索页面：
5、还有一些需要注意的是，当你在浏览一个网站的时候设置为兼容模式后，那么浏览这个网站都是兼容模式。但是当浏览其他网站时，就又是极速模式了。而且关闭浏览器后再打开也是极速模式。
代码如下：
<html><head>
<title>JS显示当前浏览器详细信息</title>
<SCRIPT>
function whatBrowser()
{
document.Browser.Name.value=navigator.appName
document.Browser.Version.value=navigator.appVersion
document.Browser.Code.value=navigator.appCodeName
document.Browser.Agent.value=navigator.userAgent
if (window.navigator.userAgent.indexOf('compatible') != -1) {
alert('360兼容模式')
}
if(window.navigator.userAgent.indexOf('AppleWebKit') != -1) {
alert('360极速模式')
}
}
</SCRIPT>
<TABLE BORDER>
</head>
<body bgcolor="#fef4d9" onLoad="whatBrowser()">
<FORM NAME="Browser">
<TR> <TD> 名称: </TD> <TD>
<INPUT TYPE="txt" NAME="Name" Size="150"></TD> </TR>
<TR> <TD> 版本: </TD> <TD> <INPUT TYPE="txt" NAME="Version" Size="150"></TD> </TR> <TR> <TD> 内核: </TD>
<TD> <INPUT TYPE="txt" NAME="Code" Size="150"></TD>
</TR> <TR> <TD> User-Agent: </TD>
<TD> <INPUT TYPE="txt" NAME="Agent" Size="150"></TD>
</TR>
</FORM>
</TABLE>
</body>
</html>
