如何使用CSS3或HTML5在样板中对标题图像进行响应？

Question

我的Skeleton准确无误，而我的标题设置为

<div class="sixteen columns">
<img src="images/shane10in.gif" alt="" />

并希望它填充宽度和缩小。我可以在html中使用100％的弃用宽度，但是我试图在CSS3或HTML5（可能是画布）中找到一种新的方法吗？示例站点位于shaneofalltrades.com。

Answer 1

这是你在寻找什么？ Resize HTML5 canvas to fit window

宽度：CSS中的100％不被弃用。它适用于HTML5，但不适用于CSS。我们的想法是拥有干净的HTML并通过CSS控制很多东西。

或者你想要这样的东西：

.sixteen {
  width: 960px;
  height: 320px;
}

.sixteen img {
  width: 100%;
}