I'm thinking you might be able to do this with a jQuery .length()
of div
that constantly re-calculates the needed width and height based on window size. So if...
div {
width: 100px;
height: 100px;
float: left;
}
Then...
$(document).ready(function(){
changeSize();
});
function changeSize(){
var length = $('div').length(); //let's say is 12
var windowwidth = $(window).width(); //let's say it's 1000px,
if (length >= 10 && windowwidth >= 600px){
$('section').css('width', '300px');
$('section').css('min-height', '400px');
}
else if {
//Some more sizing code...
}
}
$(window).resize(function() {
changeSize();
});
You would need to set the conditions in the if statements based on your needs, but this method should do it.