【问题标题】:website layout changing on browser window resizing网站布局在浏览器窗口调整大小时发生变化
【发布时间】:2011-10-19 04:36:02
【问题描述】:

对于我正在制作的网站,我使用 div 的百分比,因此当我调整浏览器窗口的大小时,网站布局会变得混乱。我应该如何继续使用百分比并使布局在浏览器调整大小时保持不变?

【问题讨论】:

  • 这可能有很多原因,具体取决于您的实际布局和内容。如果没有看到一些实际代码,就很难提供有用的答案。
  • 破解如何?当它变得太宽或太窄时?
  • 意思是如果我减小窗口大小,div会越来越窄。

标签: html css layout web


【解决方案1】:

当你以 % 为单位设置宽度时,请尝试以 px 为单位设置 min-width 和 max-width

Check this

【讨论】:

    【解决方案2】:

    您可以使用min-width 属性来防止您的布局缩小到超过一定大小。

    div { min-width: 500px; }
    

    Browser support 在为输入元素指定最小宽度时,IE7 的行为不正确。虽然我怀疑这对您的网站布局有影响。

    【讨论】:

    • min-width 是否只支持像素?
    • Min-width 支持 px、em 和 %,就像任何其他宽度规范一样。
    猜你喜欢
    • 2012-02-23
    • 1970-01-01
    • 2023-04-07
    • 2015-06-18
    • 1970-01-01
    • 2021-06-08
    • 1970-01-01
    • 2015-04-20
    • 1970-01-01
    相关资源
    最近更新 更多