CSS媒体查询在Safari浏览器中不起作用答案

【问题标题】：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%; } }

【解决方案1】：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

【讨论】：