Iframe reagiert, Breite funktioniert nicht korrekt

Ich habe in iframe responsive getestet, mein Code sieht so aus.Iframe reagiert, Breite funktioniert nicht korrekt

<html> 
<head></head> 

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

Aber es macht nicht wie, wenn ich direkt die URL öffnen.

Siehe Bilder.

Erstes Bild: Verwenden Sie iframe.

Zweites Bild: Öffnen direkt.

Frage 1: Wie ich CSS für iframe ändern kann, um es wie das gleiche machen zu machen, wie wenn ich die URL direkt öffnen.

Frage 2: Wenn ich auf Inhalt im Iframe (HTML-Dokument auf Iframe) zugreifen kann. Wie kann ich CSS für dieses Dokument ändern, ohne Iframe zu ändern?

Quelle

2016-06-14 TaeV

In Ihrer Website verwenden Sie Bootstrap oder etwas ähnliches? –

Haben Sie vielleicht einen Wrapper um Iframe? Auch wenn Sie [MCVE] (http://stackoverflow.com/help/mcve) und [How to ask] (http://stackoverflow.com/help/how-to-ask) in Ihrer Frage befolgen, sind Sie mehr wahrscheinlich schneller und besser zu beantworten. –

@CordovanSaviour Ich habe keinen Wrapper um Iframe. – TaeV

Haben Sie ein meta Tag auf der Quelle des iframe und der Datei selbst eingefügt? Denken Sie daran,

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

, dass die wörtliche Pixelbreite auf dem Gerät Pixelverhältnis des Benutzers abhängig ist, also, wenn Sie auf Retina-Geräten sehen, wo das Gerät Pixelverhältnis über 1 ist dann die Anzahl der Pixel mit ihm skaliert.

Quelle

2016-06-14 09:51:38 bitten

Ich versuche etwas wie Ihren Vorschlag mit dieser Seite http://www.kingpower.com/en/. Es funktioniert nicht, genau wie http://revzilla.com. – TaeV

Hast du ein ähnliches Beispiel? Ich kann einen iframe, wie einen in Ihrem ursprünglichen Post, in diesem Link – bitten

nicht sehen. Versuchen Sie auch, die 'initial-scale' auf' 2' anstatt '1' zu setzen, da ich annahm, dass Sie ein iOS-Gerät mit einem dpr von verwenden 2 – bitten

Iframe reagiert, Breite funktioniert nicht korrekt

Antwort

Verwandte Themen