У меня есть веб-страница, предназначенная для мобильных устройств (например, iPhone и Android). Эта страница имеет <iframe> (которая, очевидно, включает в себя еще одну веб-страницу для отображения). На iPhone страница (и фрейм) отображаются нормально. Я установил <meta name="viewport" content="width=device-width" />, что должно заставить его установить ширину области просмотра около 320ish (или то, что сейчас использует сафари). Однако содержание в моем iframe шире, чем 320 пикселей в ширину.
Это вызывает проблему, потому что iframe урезан. Веб-браузер iPhone отображает только левую часть содержимого iframe. Так как у меня width=device-width, я не могу прокручивать / панорамировать влево или вправо, чтобы увидеть остальную часть содержимого. Я также не могу уменьшить / уменьшить изображение, чтобы "дать себе больше места на экране".
Я могу обойти эту проблему, установив широкий видовой экран (например, width=800"), который обеспечивает видимость iframe. Но (а) остальная часть страницы выглядит хуже, поскольку она шире, чем должна быть, и (б) я не уверена, что всегда могу положиться на нее в пределах 800 пикселей, поэтому я не уверена, что это все исправит .
Есть ли в любом случае, чтобы гарантировать, что содержимое iframe будет всегда видно, и желательно, чтобы width=device-width
FTR Я использую iPhone 3. Эта проблема не возникает на Android (2.2), веб-браузер по умолчанию будет «проливать» содержимое iframe из iframe, и вы можете прокручивать влево / вправо.