html - すべての画面で同じウェブサイト

Question

こんにちは、私の名前はジョーダンです。すべての画面サイズで同じである必要があるWebサイトがあります。うまくいくと思うパーセンテージを使用しています。だから2つの質問...

1. パーセンテージで下/上タグを配置するにはどうすればよいですか（試しましたが、機能しませんでした）
2. また、上記がうまくいかない場合は、すべてのページで同じにするためにどうすればよいですか。
3. それが機能する場合、より簡単な方法はありますか？

Answer 1

パーセンテージは機能しません。1 つの方法は、メイン div で min-width、min-height を定義して、画面サイズに関係なくページが最小サイズより小さくならないようにすることです。

Answer 2

メディアクエリを使用でき ますhttp://www.w3.org/TR/css3-mediaqueries/

Answer 3

メディアクエリを使用すると、目的の画面解像度をターゲットにして、レスポンシブWebサイトのレイアウトを作成できます。

例えば

@media screen and (max-width: 699px) and (min-width: 320px) {
   div { background: blue; width: 100px; height: 100px; }
}


@media screen and (max-width: 1024px) and (min-width: 700px) {
   div { background: green; width: 300px; height: 100px;  }
}


@media screen and (max-width: 1280px) and (min-width: 1025px) {
   div { background: red; width: 600px; height: 100px;  }
}​

Answer 4

StackOverflow へようこそ! emパーセンテージではなく単位を使用してみてください。固定幅は使用しないでください。