我使用图像预览,允许我将 css 样式添加到弹出的预览中。
现在,有些图像比屏幕大,因此您只会看到其中的一部分,而其他图像非常小,因此您无需调整它们的大小。
有没有办法只调整较大的图像而不接触较小的图像,例如。只调整宽度或高度大于 400 像素的图像?
如果我只使用 width=400px 和 height=400px 所有图像都将采用该尺寸并且比例将是错误的,那么任何其他使较大的图像适合屏幕而不影响较小的图像的方法将不胜感激。对于较小的图像,您将看到非常大的像素。
提前致谢
我使用图像预览,允许我将 css 样式添加到弹出的预览中。
现在,有些图像比屏幕大,因此您只会看到其中的一部分,而其他图像非常小,因此您无需调整它们的大小。
有没有办法只调整较大的图像而不接触较小的图像,例如。只调整宽度或高度大于 400 像素的图像?
如果我只使用 width=400px 和 height=400px 所有图像都将采用该尺寸并且比例将是错误的,那么任何其他使较大的图像适合屏幕而不影响较小的图像的方法将不胜感激。对于较小的图像,您将看到非常大的像素。
提前致谢
接缝雕刻 javascript 实现就是我所说的智能调整图像大小 :)
width
无论如何,在 Javascript 中,您可以根据对象的和height
属性来实现您的逻辑Image
。
也看看这个页面,作者使用 jQuery 来调整大于指定尺寸的图像。