将图像源作为dataurl，有没有一种方法可以使用javascript或PHP获取图像的高度和宽度，以便我可以将其设置为div的属性？
还是有更好的方法使div缩放到图像大小。考虑将图像用作background-imagediv的CSS中的属性。
如果您知道图像的长宽比，则可以创建一个响应页面<div>，该响应<img>页面的尺寸会“模仿”本机元素。
例如，如果您的图像尺寸为300x180，则宽高比为
1：0.6
（180/300 = 0.6）这意味着如果图像为100％宽，则为60％高。
.image {
background-image: url(http://lorempixel.com/output/nature-q-c-300-180-1.jpg);
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 60%;
}
看到这个jsFiddle
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句