考虑以下布局：
有 2 列具有它们的min-width和max-width设置（每列不同）。当用户代理变窄时，右列开始变窄，而左列保持初始宽度。在右列位于其 之后min-width，左列开始变得更窄，直到它也位于其min-width。
是否可以仅使用 CSS 来实现此效果？如果是这样，怎么做？
问问题
140 次
1 回答
1
如果您使用媒体查询，这将是可能的。
在基本样式的左列上放置一个静态宽度。然后在某个屏幕宽度处激活的媒体查询中，例如：@media all and (max-device-width: 460px), (max-width: 460px)，给它一个更小的min-width.
“特定屏幕宽度”应该是您的右列达到其最小宽度的屏幕宽度。
此处示例：http: //jsbin.com/ivodam/1/edit
于 2012-10-04T19:09:41.143 回答