视网膜显示和CSS +图像

Question

我想问一下，如果我有一些图像矢量，我可以将此矢量x2调整为例如100x100px到200x200px的大小，它们是否适用于CSS：

img.retina {width:50%;}

此图像在视网膜上看起来会很好，还是没有差异？

感谢帮助。

Answer 1

看起来不太好 为何您要扩大它，然后只想要它的50％？

Answer 2

CSS％宽度是根据父元素计算得出的，因此您无法通过以下方式将img的尺寸从200x200调整为100x100：50％；

另一种选择是将img放在div中。

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

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