css设置元素宽度百分比，自适应浏览器放大缩小怎么写，示例代码是什么

可以使用CSS3的`max-width`和`min-width`属性来实现元素宽度的自适应。代码示例如下：

<div class="container">
  <div class="box"></div>
</div>

.container {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.box {
  max-width: 100%;
  min-width: 200px;
  height: 200px;
  background-color: #f2f2f2;
}

在上面的示例代码中，`.container`元素设置了宽度为80%，并且居中显示。`.box`元素设置了最小宽度为200px，最大宽度为100%（即自适应宽度）。当浏览器窗口放大时，`.box`元素的宽度会随之增大，但不会超过容器的宽度；当浏览器窗口缩小时，`.box`元素的宽度会随之减小，但不会小于最小宽度200px。