Estou montando um layout responsivo...
Meu "menucontainer" é fixo...
Então a largura dele não acompanha o tamanho da interface do site...
Por esse motivo quando o zoom aumenta ele vai ficando e não pega fluidez.
Então, se eu conseguisse fazer com que a cada window.resize
o tamanho do "menucontainer" se igualasse ao da interface do layout, eu forçaria uma fluidez.
Então eu fiz assim (não funciona):
function resizee(){
var box = document.querySelector('.boxinterface');
var hcont = document.querySelector('.headercontainer');
box.style.maxWidth = "1100px";
setInterval(function(){
hcont.style.width = box.style.width;
},3000);
}
window.addEventListener('resize',resizee,false);
resize();
Até consegui resolver esse problema com media queries
, mas achei não ideal porque tem que definir varios breakpoints
... ainda mais porque isso é uma mera questão de fluidez.
%
já que o site é responsivo?px
:Pwidth: inherit;
e defenindo umawidth
para a div pai (exemplo 80%), assim: jsfiddle.net/sq5zwd32 - votei para reabrir e vou dar isso como resposta se achar que pode resolver o seu problema.