Media Query in Safari iOS - Kevin Powell - Community

Kevin Powell - Community•3y ago•

23 replies

Media Query in Safari iOS

@media (width:375px) and (height:812px) and (orientation: portrait) {
  .iphone-12-mini-13-mini\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  }
}

@media (width:375px) and (height:812px) and (orientation: portrait) {
  .iphone-12-mini-13-mini\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  }
}

The above code does not work in Safari on iPhone 12 Mini and iPhone 13 Mini.

Do we have solution to fix this?