html - 您如何用CSS或HTML调整图像/gif的大小？

您如何用CSS或HTML调整图像/ gif的大小？我希望图像仍然是成比例的，并且我要gif的大小与google.com上Google徽标的大小差不多，我该怎么做？

CSS或HTML都可以。

最佳答案

现在，原始的google.com徽标图片为269 x 95。而且我们知道原始图像的高度和宽度1692x396。

如果您希望该图像具有完全相同的大小，则可以使用css calc()。

知道您是网络世界的新手，我将尽力解释一下。 calc()代表计算。 HTML是网页的内容，例如文本和图像，而CSS是样式，例如颜色，大小和位置。

那将选择它。现在获得所需宽度与所需宽度的比率，即1692/269，与高度相同。

现在我们已经准备好一切，并编写：

image {
  width: calc(1692px / 269);
  width: -moz-calc(1692px / 269);
  height: calc(396px / 95);
  height: -moz-calc(396px / 95);
}

这会将图片拉伸到所需的尺寸。如果您想知道-moz-是什么，他们几乎会说相同，唯一的区别是，因为calc()并未真正得到支持，它将为您解决该问题。

#logo {
  width: calc(1692px / 269);
  width: -moz-calc(1692px / 269);
  height: calc(396px / 95);
  height: -moz-calc(396px / 95);
}

<image src="https://www.google.com/images/srpr/logo11w.png" id="logo">

由于您不太了解编码，因此可以转到以下页面以了解更多信息：

http://www.w3schools.com/

http://www.codecademy.com/learn

谢谢！

更新

我忘记了我们只是在谈论图像。我把它和父母的相对大小混淆了，然后搞砸了。

无论如何，为了简单起见，只需执行以下操作：

image {
  width: 269px;
  height: 95px;
}

就是这样。忘了我之前说的一切。

关于html - 您如何用CSS或HTML调整图像/gif的大小？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28976471/