Html 媒体查询只能部分工作

Html 媒体查询只能部分工作,html,css,media-queries,Html,Css,Media Queries,我设计UI已经有一段时间了,但这是我第一次使用媒体查询。我正在尝试使用: <style media="screen and (min-width: 0px) and (max-width: 1280px)"> #signature li a {height:35px} </style> #签名li a{高度:35px} HTML如下所示: <span id="signature" style="display: block;"><li &

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

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

#签名li a{高度:35px}
HTML如下所示:

 <span id="signature" style="display: block;"><li ><a href="signedreports.jsp?p=signature">Manage Names</a></li></span>
  • 每当代码出现在1280x1024屏幕上时,我试图让媒体查询中的样式保持为真。当我在1280x1024屏幕上加载页面时,它确实工作,但当我单击页面上的链接时,样式消失了。也许我在媒体查询上做错了什么?你知道我能做什么吗

    任何帮助都将不胜感激


    多谢各位

    您是否将其作为内联样式而不是css工作表

    在你的css文件里试试这个

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

    如果我理解你的问题,那么这里有一个解决方案

    
    
    李{ 列表样式:无; 字体大小:15px; } @媒体屏幕和屏幕(最大宽度:600px){ li{字体大小:30px;颜色:绿色;} }
    你不需要
    (最小宽度:0px)
    听起来像是你在点击链接,进入另一个没有内联样式的页面?此外,您的HTML在语义上是不正确的。唯一可以作为UL/OL子元素的HTML元素是LI,您应该将您的HTML元素移动到LI中,而不是将其包装。当您单击锚定时,是否要转到其他页面?你有其他风格的锚吗?因为如果不是的话,那么高度35px没有任何作用,因为锚定标记显示在内联,它仍然在做。这很奇怪,因为我可以点击页面上的任何其他链接,这是真的。当我点击媒体风格所在的链接时,它忽略了风格的改变。@AprilRandolph你能试着回答上面评论中的问题吗?或者创建一个我甚至不知道这与问题有什么关系的
    @media all and(max width:1280)
    缺少px,还有
    1280 X 1024
    是宽度X高度你的目标宽度在1024px和1280px之间当OP试图将0px设为1280px时,我的错误是,我看到1280 X 1024时错过了原始帖子。我稍微编辑了一下我的帖子。谢谢
    <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;}
           }