2012-01-28 59 views
2

我正在嘗試創建一個可以縮小到350px的最小寬度和600px的最大寬度的流體html文檔。我遇到了一些奇怪的行爲,似乎Firefox不會縮小約515px以下的內容。firefox默認頁面內容的最小寬度?

<div id="wrap" style="min-width:350px; max-width:600px; padding:0px; margin:0px;border:dashed 3px #ff0000;">  
    <div id="top" class="gradient blue-one"> 
     <span class="headerOne">Header 1</span> 
     <span class="headerTwo">Header 2</span> 
    </div> 

    <div id="details"> 
     <div class="gradient grey-one" id=""> 
      <span class="valueOne">Value One</span> 
      <span class="valueTwo">Value Two</span> 
     </div> 
     <div class="gradient grey-one" id=""> 
      <span class="valueOne">Value One</span> 
      <span class="valueTwo">Value Two</span> 
     </div> 
     <div class="gradient grey-one" id=""> 
      <span class="valueOne">Value One</span> 
      <span class="valueTwo">Value Two</span> 
     </div>           
    </div> 
</div> 
<script type="text/javascript"> 

$(document).ready(function(){ 
    $(window).resize(function(){ 
     console.log($(window).width()); 
    }) 
}); 

</script> 

任何想法?

+0

在FF 3.6.13中使用'min-width'嘗試。你使用的是什麼版本的FF? – Mike 2012-01-28 21:03:58

+0

使用FF版本8.0 – mcroteau 2012-01-28 21:09:00

+0

現在嘗試併爲我工作...我剛剛安裝了V8,我沒有看到任何問題。 – Mike 2012-01-28 21:23:22

回答

3

Firefox用戶界面有時會出現一個錯誤,它會阻止它將瀏覽器視口的大小降低到最小寬度以下。該寬度將取決於您確切的工具欄配置。

處理它的最簡單方法是將頁面放在iframe中,並將iframe的大小設置爲任何所需的大小。

+0

你有這方面的來源嗎? – jwien001 2012-07-13 18:15:35

+0

其中源? – 2012-07-13 21:59:53

+1

+1在我的測試中,Firefox不會縮小比導航工具欄更窄的頁面。 – 2013-05-03 03:26:27