微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 图像宽度的W3C验证错误

我需要一个图像来调整我的网页的整个宽度.这适用于以下 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验证的同时保持相同的效果?这是我整个页面上唯一的错误,我知道这并不重要,但肯定会有一个我忽略的解决方案.

解决方法

请使用以下代码以便进行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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐