【问题标题】:CSS Media query is not working in safari browserCSS媒体查询在Safari浏览器中不起作用
【发布时间】:2020-03-21 11:58:39
【问题描述】:

我正在制作一个项目来响应 js 和 CSS。为了使其响应,我正在使用媒体查询。 但是在添加所有 CSS 和媒体查询后,媒体查询在手机和 PC 的 safari 浏览器中不起作用。请任何人帮助我或建议我如何解决此问题。

【问题讨论】:

  • 请包含您当前在其他浏览器上可用但不适用于 safari 的媒体查询代码。
  • @media screen and (device-width: 375px) and (device-height: 667px) and (-webkit-min-device-pixel-ratio:0){ center { margin-top: 0% !important; width: 394px; } .panel{ width: 100%; } .shapeTriangle{ margin-left: 99.8%; } }

标签: css reactjs safari responsive-design media-queries


【解决方案1】:
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

【讨论】:

  • 它不起作用,我已经添加了所有媒体查询,但我仍然面临同样的问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-04-24
  • 2019-03-18
  • 2011-09-28
  • 1970-01-01
  • 2020-07-18
  • 1970-01-01
  • 2017-10-05
相关资源
最近更新 更多