ページ自体よりも幅が小さいiframeでHTMLページを表示できるように設定するにはどうすればよいですか？

Question

私はHTMLと関連するCSSとJSでウェブページを持っていますが、私はウェブページよりも幅の小さいiFrameでも利用できます。今はiFrameにこのウェブページを何も歪まないように表示したい、

Answer 1

明らかに理由がありますが、CSS変換でこれを行うことができます。 iframeをコンテンツの正しいサイズでロードし、iframeをtransformで縮小します。コンテンツが1000x1000で、希望のiframeが500x500であるとします。

ロード合うフレーム内のコンテンツ：次に

<iframe id="magic" src="whatever" width="1000" height="1000"></iframe> 

CSSで半分のサイズに拡大縮小：

#magic { 
    -webkit-transform: scale(0.5); 
    -moz-transform: scale(0.5); 
    -ms-transform: scale(0.5); 
    -o-transform: scale(0.5); 
    transform: scale(0.5); 
} 

Answer 2

のIFrameがあなたのウェブサイトのページにロード異なるウェブサイトやページに使用されています...私はこの仕事をするためにガイド..だけでなく小さなiframe内に固定取得するWebページを構成します。 IFrameを使用する場合は、iframeの幅と高さを別のページサイズに合わせて設定する必要があります。複数のページを開発するのではなく、パネルを使用することもできますが、コンテンツページも開発中の場合はこのパネルを使用できます。

IFrameは、異なるウェブサイトのコンテンツをウェブサイトに読み込む場合にのみ使用されます.IFrameを使用して読み込まれたウェブコンテンツは変更できません。

Answer 3

埋め込みページを修正して、固定幅が設定されず、使用可能な幅に適応するようにします。埋め込みページからこのようなことを行うのは、多くの場合、（もっと可能な場合）です。

これを行う難しさは、ページの内容と構造によって大きく異なります。最も単純なケースでは、HTML文書のすべてのwidth属性と、CSSコードのwidth設定をすべて削除してください。オリジナルのコピーを保管しておきます。はるかに難しくなる可能性があります。の幅の設定をにする必要があります。