固定、流動的で敏感なウェブページのデザインを理解しようとしていますが、私が通過したサイトの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. 固定レイアウトのテーブル100%幅は不等な列幅を持つことはできません
- 4. 固定幅の列と残りの幅の列の2列のレイアウトはどうすればできますか?
- 5. レイアウトの固定幅、固定高さのフルハイト、全幅
- 6. 相対レイアウトの高さと幅をパーセンテージで設定する方法
- 7. 固定幅の左オフセットとCSSの相対幅を混在させることはできますか?
- 8. リーフレットにテキストを固定することはできますか?
- 9. 親レイアウトのパーセンテージとして動的にビューの幅を設定する
- 10. ビン幅を固定し、ヒストグラムをパーセンテージで作成するにはどうすればよいですか?
- 11. ブートストラップ流体レイアウト - 固定幅のサイドバー
- 12. 固定幅divに収まるようにCSS/HTMLレイアウトのdiv
- 13. 画面幅に固定幅レイアウトを自動調整
- 14. パーセンテージ幅のdivでインラインブロックを100%幅にするのはなぜですか?
- 15. メディアのクエリを使用して固定幅のウェブサイトを反応させることはできますか?
- 16. アンドロイドのビューでレイアウトを固定する
- 17. CSSテーブルセルのパーセンテージ幅を指定する
- 18. ビューページの上にタブを固定することはできますか?
- 19. jqueryダイアログボックスで位置と幅を設定することはできますか?
- 20. Androidレイアウト:2つの固定幅ビュー間の可変幅ビュー
- 21. JButtonの幅をパーセンテージで設定する方法は?
- 22. 要素の幅をパーセントで設定することはできますか?
- 23. OpenCoverからコードカバレッジのパーセンテージを得ることができます
- 24. Emacsバッファを静的/固定にすることはできますか?
- 25. divを固定して静的にすることはできますか?
- 26. 固定予約でAdaptive Paymentsを使用することはできますか?
- 27. CSS:固定幅と組み合わせたパーセンテージの幅が1行に収まらない
- 28. 固定幅とフレックス幅の列でExtJsダッシュボードを作成するにはどうすればよいですか?
- 29. レイアウト、固定幅のサイドバーと柔軟なコンテンツ
- 30. Emacsを使用すると、コンパイルコマンドを特定のバッファ/ディレクトリに固定することはできますか?
ここのコンテナはブラウザの本体を意味しますか?このような小さな疑問のために申し訳ありませんが、私はこれに新しいと完全に把握することができない – titlu
私はすべての容器を意味する:ボディ、div、あなたが望むすべて。本体のサイズが1000pxの固定サイズの場合は固定です。したがって、パーセンテージとして設定されたそのサブ要素は、常に同じ固定値を持ちます。私は答えの例を入れています – Blazeag
今はっきりしていますか、それとも疑問が残っていますか? – Blazeag