javascript在移动应用程序中保持纵横比旋转

我找不到对我的案子的正确答案

我们有一个附加的网站，它有一个小的用户界面与小图标文本等。 在移动设备中，在旋转时，我希望保持适当的纵横比，并稍微更改图像的大小。
我找不到有用的指导方针

例如，我们有一个50x50图标，它在LG G2的纵向上看起来很不错，但在横向时，它的大小应该调整为25x25或30x30，所有其他元素也是如此。
我经常看到一些例子谈论图像的最大宽度等，但无法与我的案例联系起来

---

顺便说一句，我不使用JQuery，我不太确定，为什么不使用CSS:@media only screen and（设备宽度：768px）和（方向：横向）。图标{宽度：25px；高度：25px}嗨，我在许多设备和浏览器中运行跨浏览器。不确定25x25对所有人来说都是最好的，我想要更通用的。谢谢