Question

这可能是基本的，但我是img标签的新手。在这个网站morningsignout.com上，我想调整图片大小，使它们变小。我学习了如何使用＆＃34; height =＆＃34; 40％＆＃34;＆＃34;在firebug中编辑他们的img标签属性，但它似乎不适用于任何文章＆＃39;主要图像。如何在html中调整它们的大小？

Answer 1

我假设您要根据视图窗口的高度调整图像大小。为此，您可以在css中使用vh单元。 100 vh单位是用户正在查看页面的屏幕高度。

这是一个将所有imgs设置为视口高度的40％的示例

img {
  height: 40vh;
}

Answer 2

百分比的高度有点棘手，因为父母也必须height。您有两个选项：设置父级的高度。 B.按像素设置高度。

.first {
  height: 450px;
}

.first img {
  height:50%;
}

.second img {
  height:200px;  
}

<div class="first">
  <img src="http://i.stack.imgur.com/33oYG.jpg" />
</div>
<div class="second">
  <img src="http://i.stack.imgur.com/33oYG.jpg" />
</div>

如何调整图像html除了宽度

2 个答案: