0

基本的に 100% になるように、メディア クエリで #mydiv の幅をオーバーライドするにはどうすればよいですか? 明示的に 100% に設定すると、パディングが div の外に押し出され、小さな画面で水平スクロールが作成されます。

Safari 開発者ツールのスタイル ペインで、width:800px のチェックを外すと、小さい画面でもすべて問題なく表示されます。それをコードに変換するにはどうすればよいですか？コードの幅に対してチェック/トグルを解除するとどうなりますか?

#mydiv {
  width:800px;
  margin: 0 auto;
}
@media screen and (max-width:450px){
  padding:10px;
}
4

2 に答える 2

1

box-sizing を使用できますが、次のいずれかを使用することもできます。

#mydiv {
  width:800px;
  margin: 0 auto;
}
@media screen and (max-width:450px){
  padding:10px;
  width:auto; /* this will put the width back */
}

また

#mydiv {
  max-width:800px; /* this will constrain the width to a maximum of 800, but will have a different effect for widths between 800px and 450px */
  margin: 0 auto;
}
@media screen and (max-width:450px){
  padding:10px;
}
于 2013-05-30T23:07:27.183 に答える