2012-04-03 23 views
0

私のアプリケーションは複数の画面解像度で動作する必要があります。 現在、すべての寸法をピクセル(px)ではなくパーセンテージ(%)で指定していますので、自動的に画面サイズを変更します。私のWebページ上の寸法を指定するための測定のより信頼性の高いユニットになりCSSの幅と高さと解像度の問題の割合

:ピクセル(またはEM)、または両方のアプローチの割合

+1

"信頼できる"は、レイアウトの構造と要件によって異なります。 –

+1

私はここで最大の問題は、レスポンシブウェブデザインは、各解像度に別々のCSSルールセットを提供し、すべての解像度を組み込むマスターCSSファイルではなく、 – rlemon

答えて

2

彼らは私に多くの制御を与える、と私は確実に各要素の正確な寸法を知ることができるので、私はピクセルを好みます。メディアクエリでは、画面の解像度に基づいて新しいスタイルを設定することもできます。

パーセンテージは感触がいいですが、解像度が各レベルでジャンクされていないことを確認するのがはるかに難しい場合があります。

1

は、「信頼できる」です。ただし、自動サイズ変更をお探しの場合は、パーセンテージを使用してください。ウィンドウのサイズに基づいて要素のサイズを変更したくない場合は、ピクセルを使用する方がよいでしょう。

あなたは本当に個人的に media queries

を活用しなければならないResponsive Webdesignについては

0

パーセントは常に親要素のパーセンテージに適用され、ピクセルは常に固定されます。特に小さなモニターでは、パーセンテージがよりアクセシブルになります。しかし、あなたは間違った時などに行が折れる問題に遭遇します。たとえば、50pxの画像と100pxの幅のテキスト行があり、項目を同じ行にしたい場合は、150pxの幅を指定します。これは、パーセントを指定すると、モニタ上に正しく表示されますが、

関連する問題