V4: iphone media queries not working in Safari/simulator, ok in Chrom

I’m using the following media queries, and they work fine in the Chrome iPhone8 & responsive modes in DevTools.

But I just tested on Safari and the ios simulator and it fails.

// ip6/7/8 landscape
@media only screen
  and (max-device-width: 812px) 
  and (max-device-height: 414px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2)
{
  ion-content.content-right-if-mq-landscape {
    position: absolute;
    left: 50%;
    top: var(--toolbar-min-height);
    height: 100%;
    width: 50%;
  }
} 

any ideas?