Question

我有一张图片

<img src="bg.png" style="width:100%; height:100%"/>

但是它在页面的所有四个边上留下了一些边框。背景图片不会这样做。

我不想要那个边界。请帮忙。

Answer 1

在大多数主流浏览器中，默认边距为8px。它是   由浏览器提供的user-agent-stylesheet以像素为单位定义。

有些浏览器允许您创建和使用自己的浏览器   用户代理样式表，但如果你正在开发一个网站，我会的   建议远离更改此设置，因为您的用户最多   可能没有经过修改的样式表，然后会看到一个   与你不同的页面。

因此，您可以通过将此代码添加到CSS来重置/规范化您的CSS：

＆＃13;

html,
body {
  margin: 0;
  padding: 0;
}

＆＃13;

但是如果你有一个大型项目并希望更完整，请使用normalize.css。它会将许多默认值重置为跨浏览器保持一致。祝你好运^ _ ^

Answer 2

默认情况下，浏览器在 user-agent-stylesheet 定义的4个边上放置8px边距。您可以通过向正文添加样式来覆盖。

<body style="margin-right: 0px; margin-bottom: 0px;margin-left: 0px">

在这种情况下，您可以拥有完整的图像！

图像未拉伸至100％HTML

2 个答案: