将 div 宽度扩展到屏幕宽度答案

【问题标题】：Expanding Div width to Screen Width将 div 宽度扩展到屏幕宽度
【发布时间】：2014-11-05 21:18:26
【问题描述】：

我遇到了与共鸣主题相关的问题。 我有一个大小为 30%（300px 原始宽度）的 DIV。现在我希望 将该 div 扩展到 500 像素的屏幕宽度。我尝试了很多但没有帮助。

谁能帮我找到解决办法？

任何帮助将不胜感激。

【问题讨论】：

什么时候展开？如果屏幕500px？
什么... 300px 是 30% 而 500px 是 100% （屏幕宽度，如您所指）？似乎不合逻辑……而且，啊，你尝试了很多？我没看到。

标签： html css responsive-design

【解决方案1】：

也许你可以尝试使用

width: 30%;
min-width: 500px;

【讨论】：

【解决方案2】：

http://jsfiddle.net/c6dgsu71/

#myOriginalDiv300wth{
    width:30%;
}

@media screen and (max-width: 500px) {
  #myOriginalDiv300wth {
    width: auto;  // Or use 100% or 500px here....
  }
}

【讨论】：