0
  1. 我以百分比给出了高度和宽度。甚至字体大小。现在放大,容器的高度和宽度不会改变,但字体大小会改变。它会导致问题,因为文本在放大时从容器中出来。
  2. 如果我在固定像素中给出高度宽度,它可以很好地使用缩放,因为容器和内部文本在缩放时是同步的,但是这样网站会在不同的分辨率上获得水平滚动,这也是不希望的。

有没有办法同时解决这两个问题?

我在 JSBIN 上的页面

4

1 回答 1

1

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

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

Ethan Marcotte 为 A List Apart 写了一篇出色的文章,描述了如何通过以下方式实现流畅的布局emhttp ://www.alistapart.com/articles/fluidgrids/

于 2012-12-24T12:04:18.613 回答