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