2012-04-24 2 views
4

У меня есть «простое» веб-приложение с областью навигации и содержимого. В области содержимого у меня есть iframe с более сложным контентом. К сожалению, содержание в iframe имеет другой iframe.Safari Mobile iframe с внутренними проблемами размера iframe

ГЭТ обзорную посмотреть здесь:

Initial view.

В моем случае это очень полезно, чтобы увидеть полное содержание IFrame, поэтому мы скрываем навигацию и изменение размера контента на нем:

Fullscreen view

Если я вернусь теперь к исходному масштабу Функция Iframe внутри фрейма не изменяет размер:

enter image description here

Это случилось только на Safari мобильных (IPad) OS 5.1. В обычном браузере Safari он работает так, как ожидалось. У кого-нибудь есть аналогичная проблема или идея, что здесь происходит?

Конечно решение было бы еще лучше :)

ответ

0

Если это проблема, которая возникает только в Safari или IPad вы можете добавить кросс-браузерную поддержку CSS, чтобы сообщить конкретный браузер, как это должно появиться. Мне нравится использовать this one

Это позволяет добавлять конкретные инструкции CSS, такие как

[ОС] [браузер] .mylink {начертание шрифта:.. Полужирный; } -> без пробелов между [ОСОМ] и [браузер]

.iphone.safari .scrollingframe {CSS стиль}

Надеется, что это помогает...

+0

Проблема заключается в том, что вам запрещено изменять внутренний контент iframe из-за перекрестного ограничения браузера. Я думаю, что нет решения для такого рода проблем ... –

Смежные вопросы