W3C验证错误与图像宽度

Question

我需要一个图像来调整我的网页的整个宽度.这适用于以下HTML/CSS:

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

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

但是W3C验证认为这是一个错误."元素img上的属性宽度的值为100%:预期数字但是看到了%."

我试过这个替代方案,但现在图像没有调整大小:

<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>

(要么)

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