絶対配置されたdivが小さな画面で消えないようにする方法はありますか？

Question

私はここにこれを説明するかどうかは本当にわからないが絵です： Window To Small http://vsave.org/my/user_folders/Ian33_159/image.jpg

画面が縮小するとして、あなたは、写真で見ることができるように、私は、コードを使用しているため、画像がビューの外に移動：

position: absolute; 
    left: 50%; 
    margin-left: -450px; 
    width: 900px; 

これは450pxを減算しているため、画面の左側に移動してもう表示されません。ここで

は私の体タグのコードです：

body { 
margin: 0px; 
padding: 0px; 
min-width:1000px; /* suppose you want minimun width of 1000px */ 
width: auto !important; /* Firefox will set width as auto */ 
width:1000px;    /* As IE ignores !important it will set width as 1000px;*/ 
    } 

あなたはより多くの情報が必要な場合はちょうど私に知らせてください。 ありがとう

Answer 1

親要素（またはbody）にmin-widthを設定すると、ページ外ではなく横スクロールになるようになります。

min-widthがIEであることに注意してください7+

Answer 2

あなたは小さな画面サイズに適応するためのメディアクエリを使用することができます：あなたは、実際に達成したいん

@media screen and (min-width: 900px) { 
#container { 
    position: static; 
    /* Or */ 
    width: 450px; 
    margin-left: -225px; 
} 
}