Минимальная ширина Firefox по умолчанию для содержимого страницы?

Question

Я пытаюсь создать текучую HTML-документ, который будет уменьшен до минимальной ширины 350 пикселей и максимальной ширины 600 пикселей.Я испытываю странное поведение, кажется, что 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 иногда есть ошибка, из-за которой он не может изменить размер окна просмотра браузера ниже минимальной ширины.Эта ширина будет зависеть от вашей точной конфигурации панели инструментов.

Самый простой способ справиться с ней - это поместить вашу страницу в фрейм и размер, соответствующий фрейму, в соответствии с вашими предпочтениями.