2016-09-03 4 views
1

固定、流動的で敏感なウェブページのデザインを理解しようとしていますが、私が通過したサイトの1つはfixed or fluidです。ここでは「固定ウェブサイトのレイアウトには固定幅のラッパーがあり、 パーセントの幅または固定幅です。その固定レイアウトはパーセンテージの幅を持つことができ、それが私を混乱させます。パーセンテージの幅を与えていないのは流体レイアウトの場合のみですか?それは液体流体を作るものではありませんか?誰かが私を説明できますか?固定レイアウトのウェブページで幅をパーセンテージにすることはできますか?

答えて

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を削除すると、固定レイアウトが失われます。

+0

ここのコンテナはブラウザの本体を意味しますか?このような小さな疑問のために申し訳ありませんが、私はこれに新しいと完全に把握することができない – titlu

+0

私はすべての容器を意味する:ボディ、div、あなたが望むすべて。本体のサイズが1000pxの固定サイズの場合は固定です。したがって、パーセンテージとして設定されたそのサブ要素は、常に同じ固定値を持ちます。私は答えの例を入れています – Blazeag

+0

今はっきりしていますか、それとも疑問が残っていますか? – Blazeag

関連する問題