媒体查询和JavaScript无法很好地融合在一起

JSB*_*ach 3 javascript css width media-queries

我注意到FF,Chrome和Safari表现得如果你干预对象的显示属性,媒体查询就不再适用于该对象属性.

这样,我准备了一个测试html代码,在这里它[1] ...

你有什么想法不会产生这种影响吗?我不认为将CSS媒体查询转换为javascript不符合通用原则......

不久,我想用媒体查询和javascript(如果可能的话)改变DIV的可见性.

[1]: http ://paste.ubuntu.com/1046784/(测试场景)

Poi*_*nty 5

当您直接更新元素的"样式"时,该样式将覆盖CSS中设置的任何内容(除非CSS具有! important,而本地样式不会).

要避免该问题,请不要直接操作元素的样式.而是添加或删除一个或多个"类"字符串,并在样式表中提供样式(可能受媒体查询影响).即使您不处理媒体查询,通常也可以通过这种方式做得更好.更新CSS文件中的样式内容比在JavaScript代码中更新它更容易.