选择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. 不是。没有我能想到的。