У меня есть веб-сайт, разработанный для мобильных устройств, ширина которого составляет 320 пикселей. Это кажется хорошей шириной, так как это означает, что людям не нужно прокручивать по горизонтали. Однако на сайте есть изображения, которые шире, чем 320 пикселей. Я не хочу изменять их размер, и я не хочу, чтобы они отображались шире, чем 320 пикселей. Вместо этого я хочу, чтобы люди могли просматривать их. Какой лучший способ сделать это?
Я могу с радостью поместить изображения в контейнер, если это необходимо (возможно, с использованием JS), и мне удобно использовать JS / jQuery, поскольку сайт нацелен на смартфоны. Мне не очень нравится идея сделать контейнер переполненным-x и полагаться на людей, знающих о смахивании двумя пальцами, как я обнаружил, что люди этого не делают.
Если возможно, было бы неплохо сделать изображение полноэкранным с помощью (двойного?) Касания, разрешить масштабирование и масштабирование, а также прокрутку одним пальцем. Есть ли хороший способ сделать все это? Спасибо!