固定、流動的で敏感なウェブページのデザインを理解しようとしていますが、私が通過したサイトの1つはfixed or fluidです。ここでは「固定ウェブサイトのレイアウトには固定幅のラッパーがあり、 パーセントの幅または固定幅です。その固定レイアウトはパーセンテージの幅を持つことができ、それが私を混乱させます。パーセンテージの幅を与えていないのは流体レイアウトの場合のみですか?それは液体流体を作るものではありませんか?誰かが私を説明できますか?固定レイアウトのウェブページで幅をパーセンテージにすることはできますか?
1
A
答えて
0
記事は、それが常に同じ固定サイズを持つことになりますので、
実際には固定された固定幅の割合を「コンポーネントが内部がパーセンテージ幅または固定幅のいずれかを持っている」と言います。
例:
コンテナコンポーネントは1000px固定幅です。 2つの内部コンポーネントは、70%と30%の幅です。最初のものは常に700px、2番目のものは常に300pxになります。
<body style="width: 1000px">
<div style="width: 70%">Component #1, will always be 700px width</div>
<div style="width: 30%">Component #2, will always be 300px width</div>
</body>
記事に書かれているとおり、「重要なことは、コンテナ(ラッパー)要素が移動しないように設定されていることです」。コンテナ要素の固定サイズ1000pxを削除すると、固定レイアウトが失われます。
関連する問題
- 1. jQGridの幅をパーセンテージで設定することはできますか?
- 2. CSSスタイルシートで固定幅からパーセンテージ幅に移動するにはどうすればよいですか?
- 3. 固定幅の列と残りの幅の列の2列のレイアウトはどうすればできますか?
- 4. レイアウトの固定幅、固定高さのフルハイト、全幅
- 5. 相対レイアウトの高さと幅をパーセンテージで設定する方法
- 6. 固定幅の左オフセットとCSSの相対幅を混在させることはできますか?
- 7. 親レイアウトのパーセンテージとして動的にビューの幅を設定する
- 8. リーフレットにテキストを固定することはできますか?
- 9. ブートストラップ流体レイアウト - 固定幅のサイドバー
- 10. 固定幅divに収まるようにCSS/HTMLレイアウトのdiv
- 11. 画面幅に固定幅レイアウトを自動調整
- 12. パーセンテージ幅のdivでインラインブロックを100%幅にするのはなぜですか?
- 13. メディアのクエリを使用して固定幅のウェブサイトを反応させることはできますか?
- 14. CSSテーブルセルのパーセンテージ幅を指定する
- 15. アンドロイドのビューでレイアウトを固定する
- 16. Androidレイアウト:2つの固定幅ビュー間の可変幅ビュー
- 17. ビューページの上にタブを固定することはできますか?
- 18. JButtonの幅をパーセンテージで設定する方法は?
- 19. OpenCoverからコードカバレッジのパーセンテージを得ることができます
- 20. 要素の幅をパーセントで設定することはできますか?
- 21. Emacsバッファを静的/固定にすることはできますか?
- 22. divを固定して静的にすることはできますか?
- 23. 固定予約でAdaptive Paymentsを使用することはできますか?
- 24. レイアウト、固定幅のサイドバーと柔軟なコンテンツ
- 25. 固定幅とフレックス幅の列でExtJsダッシュボードを作成するにはどうすればよいですか?
- 26. extJs(高さと幅の設定)パーセンテージ
- 27. Emacsを使用すると、コンパイルコマンドを特定のバッファ/ディレクトリに固定することはできますか?
- 28. QtCreatorのレイアウト内で固定サイズのアイテムをプレビューできますか?
- 29. このレイアウトはCSSで行うことができますか?
- 30. Java出力の列幅を設定することはできますか?
ここのコンテナはブラウザの本体を意味しますか?このような小さな疑問のために申し訳ありませんが、私はこれに新しいと完全に把握することができない – titlu
私はすべての容器を意味する:ボディ、div、あなたが望むすべて。本体のサイズが1000pxの固定サイズの場合は固定です。したがって、パーセンテージとして設定されたそのサブ要素は、常に同じ固定値を持ちます。私は答えの例を入れています – Blazeag
今はっきりしていますか、それとも疑問が残っていますか? – Blazeag