跨浏览器 html 和 Internet Explorer 和 Chrome



我已经运行了html + css代码,并且在资源管理器10上看起来不错。

当我在chrome中打开页面时,唯一的区别是分辨率。在资源管理器中占据 100% 屏幕的东西(例如 examp 的标题)在 chrome 中占用大约 75%-80% 的屏幕。

这会导致空白出现在剩余的 20%-25% 上。

有没有不需要对代码进行大量修改的解决方案?

谢谢。

*任何代码都会对问题进行演示,例如:

<!DOCTYPE html>
<html>
<body>

<div >
This takes all the screen in explorer 10 but not in chrome.................................................................................................................................................................................................................................................................................
</div>

</body>
</html>

使用"重置"CSS文件。 以下是一些比较受欢迎的: http://www.cssreset.com/

这里的问题是"用户代理样式表"在浏览器之间是不同的,因此重置样式表将强加特定的样式,从而使所有浏览器看起来大致相同。

这个问题是因为您没有向文件提供任何 CSS 代码!

当没有要处理的内容时,浏览器会添加自己的样式。它们被称为"用户代理样式表"。它们有自己的造型技巧。

为了尽量减少这种情况,您可以只添加一些代码,例如:

body {
  margin: 0;
  padding: 0;
}

这样,您可以最大限度地减少浏览器的覆盖,以控制和更改自动边距和自动填充技术!

在谷歌浏览器中,如果您只是创建一个像您拥有的简单文件。并在保存后运行它,您会发现浏览器会自动添加

margin: 8px;

以及文档本身的其他一些样式!这是因为浏览器的CSS工作表。

相关内容

最新更新