CSS Media Queries＆amp;选择

Question

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

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

如果可见，

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

也许，就这些问题：

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

编辑：我知道jQuery可以做任何事情，我不是在寻找一个jQuery解决方案。

温暖。

Answer 1

@medi用于检测视图端口大小。如果你需要检查当前选择器是否小于900px，那么你需要使用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******/

}

})

但最好在窗口加载后执行此操作