【问题标题】: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....
      }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-10
      • 2019-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多