Html 媒体查询只能部分工作
我设计UI已经有一段时间了,但这是我第一次使用媒体查询。我正在尝试使用: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 &
<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;}
}