如何解决为什么应用此媒体查询样式低于指定的阈值?
我遇到一个问题,即具有指定 min 宽度的媒体查询会在指定的阈值以下应用低于的样式。 chrome和Firefox中都会发生这种情况。我不知道是什么原因造成的。
代码非常简单。元素是一个<ul>
,其display
属性设置为flex
。媒体查询应该做的就是将flex-direction
从其默认值更改为column
。它可以成功完成操作,但是屏幕尺寸错误。这不是覆盖我的代码的其他样式-如图所示,这是正在应用的特定规则,即使屏幕比最小宽度小60px以上。它将一直持续到578 px屏幕宽度,然后不再应用该规则。
如果有问题的话:这是一个WordPress网站,使用了非常多的错误主题和元素,而我都没有发言权。我的bug修复和样式设置CSS代码进入wordpress的Theme-Customizer“附加CSS”部分
我不知道为什么会发生这种情况,对此事我将不胜感激。
解决方法
我不确定我是否理解这个问题,但是如果您的意思是某些CSS不适用于较小的屏幕(仅适用于X-769px,但不适用于X),可能是因为您设置了样式用于X下的屏幕。 您会看到,在elementor中,我们有台式平板电脑和移动设备用于响应式设计,如果它们从更大的屏幕继承样式,则每个都可以。您可能为移动设备设置了与平板电脑不同的样式
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。