- 我已经给出了百分比的高度和宽度。甚至字体大小。 现在放大，容器的高度和宽度不会改变，但字体大小会改变。这会导致问题，因为文本在放大时会从容器中出来。
- 如果我以固定像素给出高度宽度，它在缩放时效果很好，因为容器和内部文本在缩放时是同步的，但这样网站会在不同的分辨率下获得水平滚动，这也是不希望的。
有没有办法同时解决这两个问题？
最佳答案
百分比是相对于父元素大小的。将这种关系一直推断到 body 您的窗口大小不会改变，因此元素的大小不会改变。如果您调整窗口大小，元素将随着父元素尺寸的变化而调整大小。
如果您希望元素改变大小，请使用 em 调整大小，因为这是根据默认浏览器 font-size 设置的(通常是 16px ).当您放大和缩小时，元素的大小应随字体一起调整。
Ethan Marcotte 为 A List Apart 撰写了一篇出色的文章，描述了如何使用 em 实现流畅的布局:http://www.alistapart.com/articles/fluidgrids/
关于html - 缩放和分辨率，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14020992/