按div宽度或高度的CSS媒体查询[重复]

Posted 2023-03-06

【中文标题】按div宽度或高度的CSS媒体查询[重复]

【英文标题】：CSS media queries by div width or height [duplicate]

【发布时间】：2014-12-04 18:31:38

【问题描述】：

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

类似这样的：

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

【问题讨论】：

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

【参考方案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 文件......它会工作吗？