Загрузка адаптивного сайта в Iframe

Question

Загрузка адаптивного сайта в Iframe

0

У меня есть изображение iphone 400x760. В пределах изображения я загружаю отзывчивый сайт с iframe. Все это отлично работает, за исключением того, что контент из iframe едва читается, он выглядит очень масштабированным, поэтому страница, в то время как она отзывчива, не похожа на реальный телефон. Я пробовал следующее: я создал класс css и увеличил масштаб, и он работает. Сайт выглядит как на мобильном устройстве. Но масштабирование не работает в firefox и других браузерах. Я использую jquery mobile для чувствительного сайта.

.mobile_zoom .ui-content,
.mobile_zoom .ui-header-fixed-logo,
.mobile_zoom .icon-settings,
.mobile_zoom .icon-search,
.mobile_zoom .ui-footer                                    {zoom: 370%;}

elodev 02 дек. 2013, в 17:11

Источник

0

stackoverflow.com/questions/10278783/what-does-zoom-do-in-css (хотя прошло уже некоторое время с момента принятия ответа, оно все еще действует - в FF нет поддержки увеличения, вы можете эмулировать его, используя трансформировать, тоже самое с оперой)
eithed 02 дек. 2013, в 16:24

Теги:

javascript

html

css3

iframe

jquery-mobile

1 ответ

Ещё вопросы

stackoverflow.com/questions/10278783/what-does-zoom-do-in-css (хотя прошло уже некоторое время с момента принятия ответа, оно все еще действует - в FF нет поддержки увеличения, вы можете эмулировать его, используя трансформировать, тоже самое с оперой)

Matt Andrews · Accepted Answer · 2013-12-02T15-07-00.000Z

Вам может понадобиться <meta> на вашей iframed странице HTML, например:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Это должно указывать браузеру для отображения страницы по ширине устройства.