HTMLで％または 'px'を使用する必要があります

Question

HTML、XHTML、HTML5のいずれであっても、その場所全体にわずらわしい割合があることがわかります。しかし、...私は、あまりにも多くのウェブサイトがそれらの近くに行くことを敢えて参照してください。しかし、私はいつもそれらを使用するためにユニで励まされました。

それでは、どのようなものを使用しますか？これはサイトデザインの改善につながります。なぜですか？

HTML5では、パーセンテージを使用する場合は高さを指定しないとは本当に気に入らないものの、高さの使用は避けています。

読んでいただきありがとうございます。

Answer 1

本当にビルドしたいものによって異なります。
特定の障害を持つ人々が読むことができるウェブサイトを構築する必要があることがあります。たとえば、高齢者があなたのサイトを訪問して％を使用することができれば、あなたのページを拡大することができ、レイアウトはかなり見えます。

固定デザインレイアウトは設計レイアウトは、特定の幅を持っていると、ブラウザのウィンドウに合わせて拡大縮小 ません修正しました。それを利用するウェブサイトは、 を左に、中央に、または右に、さらには に整列させることができます。固定レイアウトの

利点：あなたがウェブ ページの要素の行の長さ、流れと配置を制御 を持って固定された設計レイアウトで。デザイナーには作業スペースがあり、テキストの行の長さ と画像の配置を簡単に指定できます。固定レイアウトの

欠点：固定設計レイアウトは、高い画面 決議に見たときのデザインのいずれかの側に 空きスペースの多くを残す傾向にあります。これは、Webページのサイズを縮小し、 という印象を画面に表示します。

流体レイアウト流体デザインレイアウトでは、ピクセルの代わりにパーセンテージを使用して、幅を定義し、ブラウザウィンドウ全体に表示されます。それらは とも呼ばれ、固定または動的設計と呼ばれます。

流体レイアウトの利点：流動性設計の主な利点の1つは、アクセシビリティ機能です。彼らは ユーザーの数に対応しています。これは、ユーザーの画面解像度または デバイスのいずれであっても、固定されたデザインレイアウトがよりよく適応するからです。それはブラウザウィンドウ全体を広げて を使用します。これにより、内容が表示され、より多くの情報が表示されるように、 の領域が最大化されます。 go。したがって、ウィンドウ画面には空白がありません。これは、 の空き領域が多い固定レイアウトと比較して、 の方がベットが良いです。

Answer 2

フォントの場合、Internet Explorerでフォントサイズを修正したくない場合は、パーセンテージ（またはem、またはrem）を使用する必要があります。ピクセルを使用すると、ブラウザの設定でデフォルトのフォントサイズを変更するInternet Explorerのユーザーには、フォントの増減が表示されません。したがって、これにより、そのブラウザのユーザーにとってテキストが読みにくくなる可能性があります。

このための素晴らしいリソースは、ダン・セダーホルムのBulletproof Web Designの最初の章です。レイアウトの

、パーセンテージを使用して、またはEMだがこれはまた本で覆われているなど、フォントサイズ/局在を変化させることにしてデザインをより柔軟になります。