Retina显示和css +图像

Question

我想问一下，如果我有一些图像矢量，我可以调整此向量x2的大小，例如从100x100px到200x200px，它们应用css：

img.retina {width:50%;}

这个图像在视网膜上看起来是否合适，或者没有差异？

感谢您的帮助。

Answer 1

看起来不太好看。 你为什么要把它做大，然后才想要50％？

Answer 2

CSS％宽度是根据父元素计算的，因此您不能通过写行宽来将您的img从200x200调整为100x100：

另一种方法是将img放在div中。

＆＃13;

＆＃13;

.imgContainer {
  width: 100px;
}

.imgContainer > img {
  display: block;
  width: 100%;
}

＆＃13;

<div class="imgContainer">
  <img src="http://dummyimage.com/200x200/000/fff"/>
</div>

<p>Original Size</p>
<img src="http://dummyimage.com/200x200/000/fff"/>

＆＃13;

＆＃13;

＆＃13;