У меня есть несколько изображений, которые я хочу отобразить на своей странице, но в зависимости от экрана, на котором я его показываю, изображение отображается поверх других элементов на моей странице. А на мобильных устройствах это действительно плохо! Это потому, что изображение имеет размеры в пикселях. Как сделать так, чтобы размер изображения соответствовал размеру / разрешению экрана? Я использую некоторые JS на этой странице, чтобы заменить основное изображение при нажатии. Я думал о том, чтобы установить изображение в качестве фонового изображения в div и задать размер div с помощью значения%, а затем сделать изменение div на основе изображения большого пальца, которое щелкается с помощью js. Это решит мою проблему, или у меня все еще будет проблема с размером изображения?
Моя страница здесь - http://www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126