Html 响应选择下拉框

HTML:

---

选择框没有覆盖100%的div。如果我将max width更改为min width，它会工作。但是，当我缩小浏览器窗口时，框不会相应缩小并伸出div。有什么建议吗？

如果您正在进行响应式设计，使用@media querys最简单。您可以根据浏览器的大小更改CSS。我在下面写的可能不是你想要的，但这是一个很好的起点

select{
    width: 100%;
    max-width: 600px !important;
}

所以代码基本上说：

@media all and (max-width: 600px){
  select {
     width: 100%; max-width: 100%;
  }
}

---

还有其他基于设备、最小宽度等的@media查询。但这是您的起点，这是响应式设计的基本条件。

没有简单css的媒体查询还有什么选择

@media all and (max-width: 600px){
  select {
     width: 100%; max-width: 100%;
  }
}

 When the badness will happen in the browser
    Adjust the code accordingly