media query＆javascript can not get together together

Question

我注意到FF，Chrome和Safari的表现如此，如果您介入对象的显示属性，媒体查询不再适用于该对象属性。

这样的，我已经准备了一个测试的HTML代码，这里有云[1] ...

你有什么想法，不要有这样的效果？我不认为将CSS媒体查询翻译为JavaScript是不符合通用原则...

不久，我想改变与媒体查询和JavaScript需要时（如果可能）的DIV的可见性。

[1]：http://paste.ubuntu.com/1046784/（测试场景）

Answer 1

当你直接更新元素的“风格”，这种风格将覆盖任何东西在CSS设置（除非CSS有! important和地方风格没有按“T）。

为避免此问题，请勿直接操作元素的样式。相反，添加或删除一个或多个“类”字符串，并在样式表中提供样式（可能受媒体查询影响）。即使在你不处理媒体查询时，以这种方式做事通常更好。更新CSS文件中的样式文件比在JavaScript代码中更新样式文件更容易。