我已经写了一个相当基本的javascript函数,当一个图像被点击时,一个全尺寸的版本会出现在前景中。
在CSS文件中使用max-width和max-height数字设置图像,以便它在外部保留一些空间,并保留它自己的比例。
问题是,如果图像碰巧不大,或者用户设备的屏幕具有非常高的像素密度,那么“较大”的图像可能不会更大。
有没有办法可以保持比例,两边都不超过90%,但最大尺寸设置为90%。
我找到的最接近的类似方法是背景填充选项。
干杯
发布于 2015-08-10 20:07:42
您可以将该图像嵌入到div标记中,并对图像应用css属性width:100%,单击图像时,会根据分辨率按比例增加div的宽度。在此场景中,宽度小于父div的图像将根据父div的宽度进行调整。
https://stackoverflow.com/questions/31918976
复制相似问题