ウェブページのサイズを変更する

Question

実際に私は800x600モニタで自分のウェブページを完成させました。 すべてのことはうまくいっていますが、私は大きな画面のページを で調べると問題が発生しました。

大きな画面に問題があります。ほとんどのCSSフレームワークの正常な動作です

enter image description here

Answer 1

。フォントサイズと要素幅などをピクセルで指定した場合：400ピクセルで800pxの画面の半分が塗りつぶされますが、1900ピクセルの画面の一部のみが塗りつぶされます。

電話機とタブレットとデスクトップモニタの場合、スクリーンの解像度が高くなると画面のサイズが調整されるため、「読み取り可能な」サイズのテキストは同じピクセル数になります。違いは、大きな画面に多くの要素を収めることができることです。レスポンシブCSSを参照してください：http://www.w3schools.com/css/css_rwd_intro.asp

実際に画面のサイズに関係なく、同じ量の画面をいっぱいにしたい場合は、すべてのCSSの幅と高さとフォントサイズの属性をビューポートサイズの割合として定義できます。 https://css-tricks.com/viewport-sized-typography/。

Answer 2

応答性の高いデザインではなく、ピクセルではなくパーセンテージで幅を指定します。幅を画素とパーセントで一致させて割り当てます。

例： 幅：10％