我正在构建一个响应式图片库页面，可以在此处查看. 使用媒体查询，我已经成功地为 iPad 定义了替代布局——纵向和横向——但是我在隐藏 iPhone 视口的关键元素时遇到了问题。问题源于我正在使用 jQuery——通过“galleriffic”图片库插件——动态显示#gallery div，从而允许在禁用 javascript 时优雅降级（在这种情况下，只有缩略图将是显示。）我最终想在面向 iphone 的媒体查询中复制这种行为——即只显示缩略图块，但是将 #gallery ID 和 .content 类都设置为“display:none”没有效果，我'我假设是因为 Galleriffic 脚本将“display:block”指定为内联声明。
将“！important”添加到“display：none”似乎没有帮助；有什么办法让我以某种方式覆盖 jQuery 内联声明？我想一种选择就是禁用 iPhone 的脚本，但这似乎不是最优雅的解决方案......
非常感谢这里的任何指导。