私はHTMLと関連するCSSとJSでウェブページを持っていますが、私はウェブページよりも幅の小さいiFrameでも利用できます。今はiFrameにこのウェブページを何も歪まないように表示したい、ページ自体よりも幅が小さいiframeでHTMLページを表示できるように設定するにはどうすればよいですか?
0
A
答えて
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);
}
0
のIFrameがあなたのウェブサイトのページにロード異なるウェブサイトやページに使用されています...私はこの仕事をするためにガイド..だけでなく小さなiframe内に固定取得するWebページを構成します。 IFrameを使用する場合は、iframeの幅と高さを別のページサイズに合わせて設定する必要があります。複数のページを開発するのではなく、パネルを使用することもできますが、コンテンツページも開発中の場合はこのパネルを使用できます。
IFrameは、異なるウェブサイトのコンテンツをウェブサイトに読み込む場合にのみ使用されます.IFrameを使用して読み込まれたウェブコンテンツは変更できません。
1
埋め込みページを修正して、固定幅が設定されず、使用可能な幅に適応するようにします。埋め込みページからこのようなことを行うのは、多くの場合、(もっと可能な場合)です。
これを行う難しさは、ページの内容と構造によって大きく異なります。最も単純なケースでは、HTML文書のすべてのwidth
属性と、CSSコードのwidth
設定をすべて削除してください。オリジナルのコピーを保管しておきます。はるかに難しくなる可能性があります。の幅の設定をにする必要があります。
関連する問題
- 1. ビューポートの幅がHTMLページの幅よりも小さい場合、固定要素を水平にスクロールするにはどうすればよいですか?
- 2. 現在表示されているHTMLページのソースを元のページよりも(動的に)表示するにはどうすればよいですか?
- 3. <iframe> - 参照ページの高さ全体を表示するにはどうすればよいですか?
- 4. CSSとIframe。 Iframeでスクロールせずに全ページを表示するにはどうすればよいですか?
- 5. HTMLページがプログレッシブレンダリングを利用できないようにするにはどうすればよいですか?
- 6. 幅の制限された要素内でページの幅にまたがるHTML要素を表示するにはどうすればよいですか?
- 7. ダイナミックインクルードデフォルトのページを設定するにはどうすればよいですか?
- 8. og:imageをページから取得するように設定するにはどうすればよいですか?
- 9. HTMLページをモバイルフレンドリーにするにはどうすればよいですか?
- 10. モバイルWebページを縮小するにはどうすればよいですか?
- 11. ルーティングされたページにコレクションフィールド(ハンドルバー付き)を表示するにはどうすればよいですか?
- 12. WebページがiPhoneからズームされないようにするにはどうすればよいですか?
- 13. Webページにインデントのあるソースコードを表示するにはどうすればよいですか? HTML? CSS?
- 14. デバッグメッセージを表示するようにロガーを設定するにはどうすればよいですか?
- 15. Windowsの電話のWebブラウザでHTMLページを表示するにはどうすればよいですか?
- 16. スクロールバーを何も表示しない - ページを短くするにはどうすればよいですか?
- 17. gwtpでページを更新できるようにするにはどうすればよいですか?
- 18. 他のページにHTML要素が表示されないようにするにはどうすればよいですか?
- 19. 特定のページに対してpage_actionを表示させるにはどうすればよいですか?
- 20. HTML/CSS google chromeのページ幅全体にハイライト表示されないようにする方法
- 21. Javaでボタンサラウンドが表示されないようにするにはどうすればよいですか?
- 22. サーバファイルがオンラインで表示されないようにするにはどうすればよいですか?
- 23. iframeでfocus()が実行されないようにするにはどうすればよいですか?
- 24. ページの最小幅として画面に収まるようにメタタグを設定するにはどうすればいいですか?
- 25. 詳細ページのSharePointリストから自動IDを表示するにはどうすればよいですか?
- 26. WebページでXMLを表示および編集するにはどうすればよいですか?
- 27. Vfページで整数だけを表示し、小数点以下は表示しないようにするにはどうすればいいですか
- 28. ユーザーが自分のウェブサイトから自分のページに自分のアプリケーションを追加できるようにするにはどうすればよいですか?
- 29. 現在ブラウザで開いているページを表示するにはどうすればよいですか?
- 30. jQueryでページのHTML全体を取得するにはどうすればよいですか?
だから、どのようにそれを行うことができますか? –
あなたのページ内にロードしようとしているWebページも、あなたのWebサイトで開発中か、他のWebサイトから読み込もうとしていますか? –