为什么同一段代码在firefox和chrome中显示结果不一样,是浏览器兼容问题么?
html代码:<!DOCTYPEhtml><html><head><metahttp-equiv="content"type="text/html"charset="ut...
html代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content" type="text/html" charset="utf-8">
<link rel="stylesheet" type="text/css" href="css example test.css">
</head>
<body>
<table class="one" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
<br />
<table class="two" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
</body>
</html>
CSS代码:
*{margin:0px;padding:0px}
table.one
{
table-layout: automatic
}
table.two
{
table-layout: fixed
}
firefox显示结果:
chorme显示结果:
这段代码是w3school上的一道习题,正确显示结果是firefox,但chorme显示结果为什么会不同呢?
补充下:又尝试了下,firefox中显示叠加这个问题,是可以通过缩放页面比例解决的。而chrome中不出现这个问题,是因为在显示时,浏览器自动调节过页面比例了。请问这算是单纯的浏览器性能优势么? 展开
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content" type="text/html" charset="utf-8">
<link rel="stylesheet" type="text/css" href="css example test.css">
</head>
<body>
<table class="one" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
<br />
<table class="two" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
</body>
</html>
CSS代码:
*{margin:0px;padding:0px}
table.one
{
table-layout: automatic
}
table.two
{
table-layout: fixed
}
firefox显示结果:
chorme显示结果:
这段代码是w3school上的一道习题,正确显示结果是firefox,但chorme显示结果为什么会不同呢?
补充下:又尝试了下,firefox中显示叠加这个问题,是可以通过缩放页面比例解决的。而chrome中不出现这个问题,是因为在显示时,浏览器自动调节过页面比例了。请问这算是单纯的浏览器性能优势么? 展开
2个回答
展开全部
您好,感谢您对火狐的支持
是的,不同浏览器使用的内核不一样,所以会有兼容问题存在,您可以参考下各浏览器兼容处理方法:http://www.jb51.net/css/23232.html
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
是的,不同浏览器使用的内核不一样,所以会有兼容问题存在,您可以参考下各浏览器兼容处理方法:http://www.jb51.net/css/23232.html
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询