選擇CSS的維度標準;百分比與像素

Question

客戶已要求爲媒體網站設計，並強調佈局應該在桌面，筆記本電腦和平板電腦上一致地顯示（移動設備將使用不同的佈局）。他們想要一個雙列布局，其中的列彼此獨立滾動。沒有正式的培訓和CSS經驗，我希望一些CSS專家能夠評估使用CSS大小百分比的優點和缺點。

幾個問題：

1）我認爲在不同設備的分辨率的數目將導致與分配像素高度元件上漿不一致。使用像素高度有問題嗎？

2）是否有任何瀏覽器或設備無法識別百分比元素大小？

3）它會導致未來的編碼問題（即有沒有在JavaScript？與上漿元素的任何問題，按百分比）

4）下面的CSS實現什麼我正在尋找在Chrome，火狐，和我用於測試的Mac上的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 s或百分比。
2. 除非您希望支持基於控制檯的瀏覽器，否則不會。
3. 沒問題。
4. 我還沒有測試過，但即使是IE瀏覽器也沒問題。
5. 是的。
6. 不，並不打擾找到一個。有些設置甚至可能不顯示滾動條（即在OS X Lion上運行的大多數瀏覽器）
7. 不是。沒有我能想到的。