显示比CSS更大的图像
显示比CSS更大的图像
提问于 2015-08-10 19:59:00
我已经写了一个相当基本的javascript函数，当一个图像被点击时，一个全尺寸的版本会出现在前景中。
在CSS文件中使用max-width和max-height数字设置图像，以便它在外部保留一些空间，并保留它自己的比例。
问题是，如果图像碰巧不大，或者用户设备的屏幕具有非常高的像素密度，那么“较大”的图像可能不会更大。
有没有办法可以保持比例，两边都不超过90%，但最大尺寸设置为90%。
我找到的最接近的类似方法是背景填充选项。
干杯
回答 2
Stack Overflow用户
发布于 2015-08-10 20:06:02
将图像的width和height设置为一个相对值，如100% - (margin + border + padding)，这样无论其实际尺寸如何，图像都将被拉伸。
使用max-width和max-height是一种很好的方法来限制图像增长超过特定的比例，但为图像留出空间来决定它想要在这些范围内的大小。您说您不想要这样，因此还要设置width和height。
Stack Overflow用户
发布于 2015-08-10 20:07:42
您可以将该图像嵌入到div标记中，并对图像应用css属性width:100%，单击图像时，会根据分辨率按比例增加div的宽度。在此场景中，宽度小于父div的图像将根据父div的宽度进行调整。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31918976
复制相关文章
相似问题
腾讯云开发者
