CSS媒体查询和选择器[重复]

Question

如果我正确理解媒体查询，代码如下：

@media (max-width:900px){...}

基于 html 标签 + 垂直滚动条（如果可见）运行。 我想知道是否有可能让它以某种方式读取不同的选择器。

也许是这样的：

@media (#selector{max-width:900px}){...}

编辑：我知道 jQuery 一切皆有可能，我不是在寻找 jQuery 解决方案。

温暖。

Answer 1

@medi 用于检测视口大小。如果您需要检查当前选择器是否小于 900 像素，则需要使用 jQuery 进行检查。..

$(window).load(function(){

 var selectorWidth = $('#selector').width();

 if(selectorWidth <= 900) {

  /****do something here******/

}

})

或者你可以在

中做同样的事情

$(document).ready(function(){

var selectorWidth = $('#selector').width();

 if(selectorWidth <= 900) {

  /****do something here******/

}

})

但最好在加载窗口后进行