ブラウザのサイズによらずCSSなしで100％幅

-1

私のウェブサイトに100％の幅を追加したいと思います。問題は、私がそうすると、ブラウザのサイズの変更に伴ってコンテンツのデザインとサイズが変わるということです。ボックスのサイズを％で指定しても、Webページの内容を定数にしたいのですがブラウザのサイズによらずCSSなしで100％幅

出典

2012-03-24 mesushanta

は、あなたが体に幅を与える理由ಠ_ಠ –

固定幅のラッパーdivを作成し、その中の任意の要素の幅はその幅に比例します。

例えば

#wrapper { 
width: 800px; 
} 
div { 
width 80%; /*div will be 80% of 800px ie 640px*/ 
}

出典

2012-03-24 05:54:20 magicalex

「私は幅を埋めるが、ブラウザのサイズを変更しない絶対的な相対的サイズが欲しいです」。身体に幅を与えないでください。それは良い習慣ではありません。 – sandeep

それを指摘してくれてありがとう。私はそれに応じて答えを編集しました。 – magicalex

私はあなたの質問を理解するとして、あなたはあなたを固定幅のdivの内容を入れて、可変幅のdiv（％）の中にあるものを入れて、marginまたはpadding

出典

2012-03-24 06:24:34 Darshana

問題解決済み、おかげで仲間 – mesushanta

でそれらを配置することができますすることができますまた、サイズを変更しないでくださいと感じるコンポーネントの最大幅/高さを指定します。

出典

2012-03-24 06:28:48 Deepak

bodyの％widthでmin-widthを修正しようとしましたが、これはサイズ変更されますが、ブラウザを間引くと要素が壊れてしまうことはありません。

<html> 
<head> 
<style type="text/css"> 
    body,html{ margin:0; padding:0; width:100%; min-width:800px;} 
    #container{ 
     margin:0 auto; 
    } 
    #header, #content, #footer{ 
     min-width:700px; 
     margin:0 auto; 
    } 
div{ 
    min-height:40px; 
    margin:10px; 
    background-color:red; 
} 
? 
</style> 
</head> 
<body> 
<div id="container"> 
     container 
     <div id="header">header</div> 
     <div id="content">content</div> 
     <div id="footer">footer</div> 
    </div> 
</body> 
</html>

出典

2012-03-24 06:38:01

ブラウザのサイズによらずCSSなしで100％幅

答えて

関連する問題