Im trying to make my website responsive to mobile devices.
I heard chrome's dev tools can simulate devices based on their resolutions. But chrome has some weird resolutions.
Iphone 7
dev-tools: 375x667px
officially: 750x1334px
Iphone 7 Plus
dev-tools: 414x736px
officially: 1080x1920px
Even though they're different the simulator seems to be pretty accurate WHY?. This is seriously stressing me out as i don't if my max-width in my media queries are accurate on a genuine device or not.