图像在HTML或JavaScript中调整大小

Question

我有一个应用程序通过用户提交的方式获取未知图像，并放置在网站上。图像是到另一个图像的直接链接。

  <img src="someimagesite.com/adasd.jpg" width="500px">

我正在寻找一种方式，如果提交的图像小于500px，它会将图像缩放到原始大小，而不是将图像放大到500px。如果图像大于500px，则将其保持在500px，而不是将其放大到原始大小。解决方案可以是javascript或html。我将不胜感激任何有关该问题的帮助。谢谢。

Answer 1

<img src="someimagesite.com/adasd.jpg" style="max-width: 500px;">

Answer 2

CCS可以解决这个问题。使用max-width: 500px;