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的大小设置为您想要的任何内容。

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

1 个答案: