CSS中 中 根据浏览器宽度 动态设置div宽度

可以使用CSS3中的媒体查询来实现根据浏览器宽度动态设置div宽度。

例如，设置当浏览器宽度小于等于768px时，div的宽度为100%；当浏览器宽度大于768px时，div的宽度为50%：

@media (max-width: 768px) {
  div {
    width: 100%;
  }
}

@media (min-width: 769px) {
  div {
    width: 50%;
  }
}

在上述代码中，使用了@media规则来定义两个媒体查询，分别表示浏览器宽度小于等于768px和大于768px时的样式。根据不同的媒体查询条件，设置div的宽度为不同的值。

相关问题

css设置div宽度为浏览器去除滚动条宽度的宽度

您可以使用以下 CSS 代码将 div 的宽度设置为浏览器窗口宽度减去滚动条的宽度：

div {
  width: calc(100vw - (100vw - 100%));
  overflow: hidden;
}

这里使用了 `vw` 单位，表示视口宽度的百分比。通过计算 `100vw - (100vw - 100%)`，可以得到去除滚动条宽度后的浏览器宽度。然后将该值赋给 div 的宽度属性即可。此外，为了确保内容不超出 div 的宽度，可以添加 `overflow: hidden;` 属性来隐藏可能溢出的内容。

怎么让div的宽度随着浏览器宽度的变化而变化

可以使用CSS中的百分比单位或者vw（viewport width）单位来设置div的宽度，这样就可以让div的宽度随着浏览器窗口的大小变化而自适应调整。

例如，将div的宽度设置为50%，表示它的宽度为浏览器窗口宽度的一半：

div {
  width: 50%;
}

或者使用vw单位，表示宽度占据浏览器窗口宽度的百分比：

div {
  width: 50vw;
}

这样就可以让div的宽度随着浏览器宽度的变化而变化了。同时，也可以使用CSS媒体查询来根据不同的屏幕宽度设置不同的样式，以达到更好的适应性。