firefox default min-width для содержимого страницы?

Question

Я пытаюсь создать жидкий html-документ, который будет уменьшаться до минимальной ширины 350 пикселей и максимальной ширины 600 пикселей. Im испытывает какое-то странное поведение, похоже, что Firefox не будет масштабировать контент ниже, чем около 515 пикселей.

<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 подходит к тому, что вы хотите.