firefox页面内容的默认最小宽度

Question

我正在尝试创建一个流动的html文档，它将缩小到最小宽度为350px，最大宽度为600px。我经历了一些奇怪的行为，似乎firefox不会将内容缩放到低于515px左右。

    <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>  

有什么想法吗？

Answer 1

Firefox用户界面有时会出现一个错误，使其无法将浏览器视口的大小调整到最小宽度以下。该宽度将取决于您的确切工具栏配置。

处理它最简单的方法是将您的页面放在iframe中，并根据您的需要调整该iframe的大小。