CSSの寸法基準を選択する。ピクセル対パーセンテージ

Question

クライアントはメディアサイトのデザインを要求しており、レイアウトはデスクトップ、ラップトップ、タブレット（モバイルは別のレイアウトを使用します）全体で一貫して表示されるべきであることを強調しました。彼らは、列が互いに独立してスクロールする2列のレイアウトが必要です。正式なトレーニングやCSSの経験がないので、CSSサイジングのためのパーセンテージを使用する利点と欠点に重きを置く可能性のあるCSS専門家が欲しいと思っていました。

いくつかの質問：

1）私は、異なるデバイス間で解像度の数が割り当てられたピクセルの高さを持つ要素のサイズ不整合が生じるだろうと思うだろう。ピクセルの高さを使用するのは問題がありますか？

2）要素のサイズのパーセンテージを認識しないブラウザやデバイスはありますか？

3）には、以下のCSSは、私はクロム、Firefoxの、で探しているものを実現）

4）すなわち、サイジング要素に問題がJavaScriptでの割合であるのですか？（今後の符号化で問題が発生する場合があります私がテストに使うMac上のSafariとSafari。このCSSを使用して予期せず動作するブラウザやデバイスはありますか？

#wrapper { position: relative; width: 99.9%; margin: 0 auto; } 
#left { position: absolute; left: 0; float: left; width: 31%; margin: 0 2% 0 0; height: 100%; overflow: auto; } 
#right { position: absolute; float: right; margin: 0; width: 66%; height: 100%; overflow:auto; } 

5）サイズ変更のサイズは、サイズ変更イベントや向きの変更に合わせて自動的に調整されますか？

6）レイアウトの中央にスクロールバーを収容するための標準的な最小樋サイズがありますか？

7）CSS要素のサイジングの割合を選択する際に見落とした要素はありますか？

Answer 1

素早く汚れた回答。

1. これは、特にメンテナンスの面で可能です。ピクセルは過去の単位です。 emまたは％を使用することをお勧めします。
2. コンソールベースのブラウザをサポートしない場合は、いいえ。
3. 問題ありません。
4. 私はテストしていませんが、それはIEでもうまく見えます。
5. はい。
6. いいえ、気にしないでください。一部の設定ではスクロールバーも表示されない場合があります（OS X Lionで動作するほとんどのブラウザ）
7. 私が考えることはできません。