将div宽度扩展到屏幕宽度

Question

我遇到与resonsive主题相关的问题。 我有一个尺寸为30％（300px原始宽度）的DIV。现在我想要这个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.... 
    } 
}