我正在嘗試創建一個可以縮小到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>
任何想法?
在FF 3.6.13中使用'min-width'嘗試。你使用的是什麼版本的FF? – Mike 2012-01-28 21:03:58
使用FF版本8.0 – mcroteau 2012-01-28 21:09:00
現在嘗試併爲我工作...我剛剛安裝了V8,我沒有看到任何問題。 – Mike 2012-01-28 21:23:22