Comment puis-je dimensionner un élément par incréments par rapport à la taille du navigateur?

Question

J'essaie de faire un changement de largeur DIV à mesure que la taille du navigateur change.

Pas dans un rapport qui peut être géré avec un pourcentage, mais avec une dépendance de la taille de l'écran. J'essaie de faire un div 80% max de la largeur du navigateur, aussi longtemps il est divisé par 20. si l'écran est de 1000px de large, de sorte que la div sera 800px, si l'écran est 1024px, il sera encore 800px (cause que 80% de 1024 est 819.2, non divisé par 20). À l'exception de faire beaucoup de requêtes de médias, je ne sais pas comment faire cela.

Answer 1

Cela devrait vous aider à avancer. Il utilise jQuery pour redimensionner la div par incréments de 20px. Ce n'est pas parfait, mais c'est un début.

http://jsfiddle.net/ydtdS/3/

function tale(div,w) { 
if(w%20==0) { 
    $(div).text(w); 
    $(div).css("width",w); 
} else { 
    w = Math.floor(w/20)*20; 
    $(div).text(w); 
    $(div).css("width",w); 
} 
} 
$(window).resize(function() { 
    var windowWidth = $(window).width(); 
    tale(".twenty",windowWidth); 
}); 

tale(".twenty",$(window).width());