考虑以下布局:
有两列设置了min-width
和max-width
(每个列都不同)。当用户代理变窄时,右列开始变窄,而左列保持初始宽度。在右列位于min-width
后,左侧列开始变得更窄,直到它位于min-width
。
是否可以仅使用CSS实现此效果?如果是这样,怎么样?
答案 0 :(得分:1)
如果您使用media queries,则可以这样做。
在基本样式的左列上放置一个静态宽度。然后在媒体查询中,在某个屏幕宽度变为活动状态,例如:@media all and (max-device-width: 460px), (max-width: 460px)
,给它一个较小的min-width
。
“特定屏幕宽度”应该是右列达到最小宽度的屏幕宽度。