流体CSS但不小于固定宽度
好吧,我正在研究流体 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在要缩小但不小于 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;
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+