我需要一个引导程序中的容器来响应父div而不是媒体查询.如果不这样做,我无法找到最好的方法,特别是如果可能的话,不使用javascript.目前,在调整大小时,我会计算.span*div是否应该是100%宽度(如果父div最终低于640px)或尊重columning CSS.
这是一个jsfiddle.随着对CSS .somecontainer的.span*里面装的应该布局,如果它是移动-所以每列应该全部宽度,如果更改CSS以上为640px,例如,它会重新布局列布局.
有任何想法吗?
目前使用的代码与此类似(不太理想)
$(document).ready(function(){
$('.somecontainer').on('resize',function(){
if ($('.somecontainer').width() < 640) {
$('.somecontainer').addClass('m');
} else {
$('.somecontainer').removeClass('m');
});
});
Run Code Online (Sandbox Code Playgroud)