缩放和分辨率

Question

1. 我给出了百分比的高度和宽度。甚至是字体大小。 现在放大，容器的高度和宽度不会改变，但字体大小会改变。它会导致问题，因为放大时文本会从容器中出来。
2. 如果我在固定像素中给出高度宽度，它在缩放时工作正常，因为容器和内部文本在缩放时是同步的，但这样一来，网站会在不同的分辨率上获得水平滚动，这也是不受欢迎的。

有没有办法一次解决这两个问题？

My page on JSBIN

Answer 1

百分比是相对于父元素大小的。推断这种关系一直到body您的窗口大小不会改变大小，因此元素的大小不会改变。如果您调整窗口大小，元素将调整大小，因为父元素正在更改尺寸。

如果您希望元素更改大小，请使用em大小调整，因为这是根据默认浏览器font-size（通常为16px）设置的。放大和缩小时，元素应与字体一起调整。

Ethan Marcotte为A List Apart撰写了一篇精彩的文章，描述了如何使用em实现流畅的布局：http://www.alistapart.com/articles/fluidgrids/