размер изображений на основе размера экрана/разрешения

Question

У меня есть некоторые изображения, которые я хочу отобразить на своей странице, но на основе экрана, на котором я показываю его, изображение отображается поверх других элементов на моей странице. А на мобильных устройствах это действительно плохо! Это связано с тем, что изображение имеет размер в пикселях. Как сделать размер изображения релевантным для размера экрана/разрешения? Я использую некоторые js на этой странице, чтобы заменить основное изображение на клик. Я думал, возможно, установив изображение в качестве фонового изображения в div и размер div с значением%, а затем изменив div на основе большого пальца, которое было нажато с помощью js. Это решит мою проблему, или у меня еще будет проблема с размером изображения?

Моя страница здесь - http://www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126

Answer 1

Я нашел работу вокруг сейчас :)

Используйте CSS для установки

img { 
    max-width: 100%; 
    max-height:100% 
}