css - 为 CSS 选择尺寸标准；百分比与像素

Question

一位客户要求设计一个媒体网站，并强调布局应该在台式机、笔记本电脑和平板电脑上显示一致(移动设备将使用不同的布局)。他们想要一个两列布局，其中各列彼此独立滚动。由于没有受过正规培训，也没有 CSS 经验，我希望一些 CSS 专家可以权衡使用百分比来调整 CSS 大小的优缺点。

一些问题:

1) 我认为不同设备的分辨率数量会导致具有指定像素高度的元素大小不一致。使用像素高度有问题吗？

2) 是否有任何浏览器或设备无法识别百分比元素大小？

3) 是否会在以后的编码中引起问题(即，在 JavaScript 中按百分比调整元素大小是否有问题？)

4) 以下 CSS 实现了我在用于测试的 Mac 上的 Chrome、Firefox 和 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. 不是真的。我想不出。