css min 相关媒体查询在 safari 浏览器中不起作用

发布于 2025-01-09 08:39:58 字数 436 浏览 0 评论 0原文

我正在尝试添加一个包含 min 的媒体查询。它在 safari 浏览器中不起作用。

@media (min-height: 568px) and (max-height: 568px) and (min-width: 320px) and (max-width: 320px) {
  #exe {
    width: 100px !important;
  }
}

上面的代码在chrome浏览器中运行良好。但不知道为什么它不能在 Safari 移动模式下执行。

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

也已经添加了上面的元标记。有办法解决这个问题吗?

I am trying to add a media query which contains min. It's not working in safari browser.

@media (min-height: 568px) and (max-height: 568px) and (min-width: 320px) and (max-width: 320px) {
  #exe {
    width: 100px !important;
  }
}

Above code is working fine in chrome browser. But no idea why it's not executing in safari mobile mode.

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

Already added the above meta tag as well. Any idea to solve this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文