按div宽度或高度的CSS媒体查询

Question

是否可以通过某些DIV宽度或高度来定制特定的CSS样式？

这样的事情：

@media screen and (max-width: 1024px) 

Answer 1

你可以用jQuery做到这一点。

function change_size(){
   var window_height = $(window).height();
   var div_height = $("#your_id").height();
   if(window_height < div_height){
          $("#your_id").css({marginTop: "20px", height: "20px"});  //for example
   }
}

$(document).ready(function(){
   change_size();
});
$(window).resize(function(){
   change_size();
});