对于我的网站,截至目前,我已将所有元素放在一个宽度为1250px的容器中。我意识到如果我试图通过增加浏览器的宽度来调整它的大小,我所看到的只是额外的空白空间,我知道为什么会发生这种情况。窗口大小调整和元素
这是我的下一个问题:如果用户或任何人试图调整它的大小(使其大于指定的宽度),是否有任何方法可以使它成为如此,而不管我在HTML中指定的宽度如何?使它成为这样的元素只是伸出,没有显示空白。
让我知道是否需要任何更多的澄清。谢谢!
对于我的网站,截至目前,我已将所有元素放在一个宽度为1250px的容器中。我意识到如果我试图通过增加浏览器的宽度来调整它的大小,我所看到的只是额外的空白空间,我知道为什么会发生这种情况。窗口大小调整和元素
这是我的下一个问题:如果用户或任何人试图调整它的大小(使其大于指定的宽度),是否有任何方法可以使它成为如此,而不管我在HTML中指定的宽度如何?使它成为这样的元素只是伸出,没有显示空白。
让我知道是否需要任何更多的澄清。谢谢!
您可以将容器设置为相对大小,如100%:
#container {
width: 100%;
}
这将根据其父(浏览器窗口)缩放容器宽度。
我也想过这个,但问题在于,如果我减小窗口大小,我有5个图像在一个div中,并使宽度100%完全混淆图像。他们都在下一行,我不想那样。如果有办法阻止图像这样做,并且宽度为100%,那么这将是我会考虑的。谢谢你的帮助!真的很感激它。 – halapgos1 2015-03-18 22:18:30
您可以尝试使用引导网格系统对http://getbootstrap.com/css/#grid 的网格系统,一看就会做拉伸基于浏览器/窗口大小的div元素通过媒体查询
是的。有许多方法可以实现这一点。搜索“响应”或“流体”。就目前来看,这个问题太广泛了。 – Turnip 2015-03-18 22:09:58