Question

我需要一张图片来调整网页的整个宽度。这适用于以下HTML / CSS：

＆＃13;

#logo{
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  z-index: 3;
  opacity: .8;
}

＆＃13;

<div id="logo"><img src="/logo.png" alt="logo" width="100%"></div>

＆＃13;

然而W3C验证认为这是一个错误。＆＃34;元素img上属性宽度的错误值为100％：预期数字但是看到了％。＆＃34;

我尝试了这个替代方案，但现在图像没有调整大小：

<div id="logo"><img src="/logo.png" alt="logo" width:100%;></div>

如何在仍然通过W3C验证的同时保持相同的效果？这是我整个页面上唯一的错误，我知道这并不重要，但我肯定会有一个解决方案。

Answer 1

请使用以下代码进行W3C验证

<div id="logo"><img src="/logo.png" alt="logo" width="100%" /></div>

（OR）

<div id="logo"><img src="/logo.png" alt="logo" style="width:100%;" /></div>

Answer 2

由于宽度属性不使用％，因此它使用width='100'之类的数字，表示100px。如果要在图像上应用100％宽度，请使用CSS

#logo img {
   width: 100%
}

Answer 3

阅读w3school官方文档

在HTML 4.01中，宽度可以用像素或包含元素的％来定义

但也

在HTML5中，值必须以像素为单位。

因此，您无法为HTML5指定有效的百分比宽度，请尝试使用style="width:100%"