Отображение прокрутки изображения внутри границы iphone

В принципе, я хочу отобразить скриншот веб-сайта внутри фрейма iphone. И я также хочу, чтобы это было отзывчивым.

У меня есть приблизительная идея, но я не знаю лучший способ позиционирования изображения, я, вероятно, буду использовать ‘overflow-y’ css свойство и установить его для прокрутки, и установить высоту, так что мое длинное изображение будет прокручиваться внутри кадра iphone, однако моя проблема заключается в получении изображения, чтобы быть правильный размер iphone. Это какое-то колдовство javascript, которое я еще не открыл? Спасибо!

P.S. Не говорите ,что » это уже спрашивали раньше, и свяжите это, потому что ни один из примеров на самом деле не работает, поэтому я не могу понять его, и не знаю, пытаются ли они достичь того же самого.

1 ответ

  1. Оставил бы это в качестве комментария, но не хватает репутации.

    Вы должны, вероятно, просто попробовать его для себя, а затем опубликовать свой код, если у вас возникли какие-либо проблемы.

    Если вам действительно некуда начать, перейдите в codepen и найдите ‘iphone’.