Media screen queries shown on inspect but not on actual device

I've tried googling and can't seem to get this right.

I've made the media screen query codes & viewport for iPhone 7 plus but it just won't appear on my device. I've tried inspecting on Chrome and it appears as it should. This is the code:

@media screen and (height:736px) and (width:414px){
  div.banner{
  height:600px;
  background-image:url(../../assets/img/mobilehome.jpg)!important
}

1 answer