iframe отзывчивый, ширина неправильная работа

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

<html> 
<head></head> 

<body> 
    <iframe src="http://revzilla.com" height="1600px" width="100%" frameborder="0" style="padding: 0; maring: 0; border: 0"></iframe> 
</body>

Но это не делает, как, когда я открыть URL непосредственно.

Просмотреть изображения.

Первое изображение: Использование iframe.

Второе изображение: Open напрямую.

Вопрос 1: Как я могу изменить CSS для фрейма, чтобы сделать это делают, как то же самое, когда я открыть URL непосредственно.

Вопрос 2: Если я могу получить доступ к контенту в iframe (html-документ на iframe). Как изменить CSS на этом документе без изменения iframe.

источник

2016-06-14 TaeV

В вашем сайте используется бутстрап или что-то подобное? –

Возможно, у вас есть обертка вокруг iframe? Кроме того, следуя [MCVE] (http://stackoverflow.com/help/mcve) и [Как спросить] (http://stackoverflow.com/help/how-to-ask) в своем вопросе, вы больше скорее всего, получите более быстрый и лучший ответ. –

@CordovanSaviour У меня нет обертки вокруг iframe. – TaeV

Вы включили тег metaviewport на источник iframe и самого файла?

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

Следует помнить, что буквальная ширина пикселя зависит от соотношения пикселей устройства пользователя, поэтому, если вы просмотр на сетчатку устройствах, где отношение устройства пикселей выше 1, то количество пикселей будет масштабироваться вместе с ним.

источник

2016-06-14 09:51:38 bitten

Я пробую что-то вроде вашего предложения с этим сайтом http://www.kingpower.com/en/. Он не работает, как http://revzilla.com. – TaeV

У вас есть пример? Я не вижу iframe, как в вашем исходном сообщении, по этой ссылке – bitten

Также попробуйте установить «начальный масштаб» на '2' вместо' 1', так как я предполагаю, что вы используете устройство iOS с dpr из 2 – bitten

iframe отзывчивый, ширина неправильная работа

ответ

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