html - 媒体查询仅部分工作

Question

我设计 UI 已经有一段时间了，但这是我第一次使用媒体查询。我正在尝试使用:

<style media="screen and (min-width: 0px) and (max-width: 1280px)">
    #signature li a {height:35px}
</style>

HTML 看起来像这样:

 <span id="signature" style="display: block;"><li ><a href="signedreports.jsp?p=signature">Manage Names</a></li></span>

无论何时代码在 1280 X 1024 屏幕上，我都试图让媒体查询中的样式保持为真。当我在 1280 X 1024 屏幕上加载页面时，它确实有效，但是当我单击页面上的链接时，样式消失了。也许我在媒体查询上做错了什么？你知道我能做什么吗？

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

您是将其作为内联样式而不是放在 css 表中吗？

在你的 css 文件中试试这个；

@media all and (max-width: 1280px) {
#signature li a {height:35px}
}