好的,我正在研究需要在网站上实现的地图方面的可变CSS。我发现这个演示看起来像我想要的:

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/

有没有一种方法可以使左列和右列保持流畅,以便它们可以在较大的浏览器窗口中扩展。但是不能限制在一定的宽度以下,例如每个175px吗?

因此,如果某些用户有更多的浏览器空间,我希望能够使用它,从而使所有三列都变得流畅。但是,无论浏览器窗口有多小(不包括移动浏览器,而不是移动应用程序),左右列都不能低于一定宽度。

最佳答案

在您要缩小但不小于175像素的元素上使用以下标记;

min-width: 175px;


现在,它仅与IE8兼容,而IE7确实支持它,但它可能会有点问题,因此您需要谨慎使用它

Firefox 3.6+(可能更早),Safari和Opera 10+完全支持

10-05 22:39