【问题标题】:CSS media queries by div width or height [duplicate]按div宽度或高度的CSS媒体查询[重复]
【发布时间】:2014-12-04 18:31:38
【问题描述】:

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

类似这样的:

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

【问题讨论】:

  • 我想不出为什么需要它的充分理由

标签: css size media


【解决方案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();
});

【讨论】:

  • 好的,那么根据 DIV 大小加载其他 CSS 文件呢?当我将它应用于调整大小事件时,它会改变吗?
  • 你的意思是当你调整窗口大小时?
  • 是的窗口调整大小
  • 我编辑了答案。再看一遍。
  • 是的,我的意思是这个,但我想包含整个 CSS 文件......它会工作吗?
猜你喜欢
  • 1970-01-01
  • 2012-07-09
  • 2015-01-16
  • 1970-01-01
  • 2017-10-19
  • 1970-01-01
  • 2021-10-25
  • 2017-07-19
相关资源
最近更新 更多