流体CSS但不小于固定宽度

发布于 2024-12-13 11:11:42 字数 433 浏览 0 评论 0原文

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

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

有没有办法让左栏和右栏成为体液这样它们就可以通过更大的浏览器窗口进行扩展。但不能限制在一定的宽度以下,比如每个175px?

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

Okay I am looking into fluid css for a map aspect I need to implement on my site. I found this demo that looked like what I wanted:

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

Is there a way to make the left column and right column be fluid so they can expand with larger browser windows. But not be able to restrict below a certain width, say 175px each?

So, if there is more browser space for some users, I want to be able to use it, thus allowing all three columns to be fluid. But the right and left column can't go below a certain width no matter how small the browser window is (excluding mobile browsers, not a mobile app).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

还如梦归 2024-12-20 11:11:42

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

min-width: 175px;

现在这仅兼容 IE8 及以上版本 IE7 确实支持它,但它可能有点问题,所以你需要小心使用它

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

use the following tag on the element(s) you want to shrink but go no smaller than 175px;

min-width: 175px;

now this is only compliant with IE8 and above IE7 does support it kind of, but it can be a little buggy so you need to be careful using it

it is fully supported by firefox 3.6+ (maybe earlier), safari, and opera 10+

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文