将Div宽度扩展为屏幕宽度

Question

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

有人可以帮我找到解决方案吗？

任何帮助将不胜感激。

Answer 1

也许你可以尝试使用

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

Answer 2

http://jsfiddle.net/c6dgsu71/

#myOriginalDiv300wth{
    width:30%;
}

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