通过 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();
});