我正在构建一个可以查看的响应式图片库页面here。使用媒体查询，我已成功为iPad定义了替代布局 - 包括纵向和横向 - 但我在隐藏iPhone视口的关键元素时遇到问题。问题源于我正在使用jQuery--通过“galleriffic”图库插件 - 动态显示#gallery div，从而允许在禁用javascript时优雅降级（在这种情况下只有缩略图将是我希望在iphone目标媒体查询中复制这种行为 - 即只显示缩略图块 - 但将#gallery ID和.content类设置为“display：none”无效，I我假设因为galleriffic脚本将“display：block”指定为内联声明。
将“！important”添加到“display：none”似乎没有帮助;有什么办法让我以某种方式覆盖jQuery内联声明？我想一个选项只是禁用iPhone的脚本，但这似乎不是最优雅的解决方案......
非常感谢这里的任何指导。
答案 0 :(得分：1)
!important声明位于分区前的CSS属性值内：display: none !important;。那应该解决它:-p