Question

我一直在设计UI一段时间，但这是我第一次使用Media Queries。我正在尝试使用：

<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屏幕上加载页面时，它确实有效，但是当我点击页面上的链接时，样式就会消失。也许我在使用Media Query做错了什么？你知道我能做什么吗？

任何帮助将不胜感激。

谢谢。

Answer 1

您是将它设为内联样式而不是css表吗？

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

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

Answer 2

如果我理解你的问题，那么这里是解决方案之一DEMO

<div>
    <ul>
        <li><a href="signedreports.jsp?p=signature">Manage Names</a></li>
    </ul>
</div>




 li {
      list-style:none;
      font-size: 15px;
    }

    @media screen and (max-width: 600px) {
      li {font-size:30px; color: green;}
       }

媒体查询仅部分工作

2 个答案: