有DIV1,DIV2。DIV1高度固定,宽度auto,min-width:990px 。
发布网友
发布时间：2024-09-30 04:13
共1个回答
热心网友
时间：2024-12-02 18:14
当需要在不同屏幕尺寸下调整宽度，保持高度固定的元素(DIV1)具备min-width:990px的特性时，可以借助CSS的媒体查询功能实现。具体做法如下：
首先，你可以设置两个媒体查询规则。当屏幕宽度在1920px以内且不低于1366px时，应用如下样式：
.div1{ width: 1903px; }
这将使得DIV1在适当的大屏幕尺寸下扩展宽度，以适应屏幕空间。
当屏幕宽度进一步缩小，例如在1366px以下时，切换到第二个媒体查询，设置宽度为990px，以确保最小宽度要求：
@media screen (max-width:1366px){ .div1{ width: 990px; }}
这样，随着浏览器宽度的变化，DIV1的宽度会动态调整，以满足设计需求。
如果你需要了解更多关于CSS媒体查询的详细信息和API，可以参考这个链接：
http://www.***.com/cssref/css火打卫掉着聚3-pr-mediaquery.html
