如何根据窗口大小调整Web内容大小



我正在尝试创建一个网页。它有两个区域左右内容。到目前为止,我在特定的窗口尺寸上测试它,该窗口大小位于中心,并且大小完全合适。但是,一旦我将其最小化或在不同尺寸的监视器上打开它,就不会根据它进行调整大小。我该怎么做。这是我正在使用的Web链接。

http://jsfiddle.net/efyjf/。

如果看到,现在侧面的内容是固定尺寸的。因此,我需要一路向右滚动,以查看正确的内容边框的末尾。

我觉得这不是普通网页的工作方式。我该如何修复。

谢谢

您可以使用诸如width: 20%之类的百分比而不是使用固定值来定义您的CSS值。或尝试使用蓝图或960网格系统等CSS框架。

如果我理解正确,您正在寻找类似的东西

容器具有margin: 0 auto;的属性,该属性将其放置在中心,然后孩子们divs占该父母div的百分比。可以调整父母(#container)的大小,孩子们将适当地填充。

您犯的错误是使用绝对定位,这将与您的屏幕完全对齐,但是其他屏幕看起来不会相同。

相关内容

最新更新