What are the device-width css for iphone7 plus?

css iphone device-width
amir picture amir · Oct 2, 2016 · Viewed 17.8k times · Source

I need to detect the devices for IOS devices by JS, for iphone-6 I check it by the ratio and devicePixelRatio, I didn't find any information to check if the device is iPhone 7 plus.

I found information for the older devices,

What are the device-width css viewport sizes of the iPhone6 and iPhone 6 Plus

or this

http://mydevice.io/devices/

Answer

Ivan Maslov picture Ivan Maslov · Oct 21, 2016

iPhone 7 has same device width/height as the iPhone 6: 375x667 iPhone 7 plus according the same: 414x736

Related questions

position: fixed doesn't work on iPad and iPhone

I have been struggling with fixed positioning in iPad for a while. I know iScroll and it does not always seem to work (even in their demo). I also know that Sencha has a fix for that, but I couldn't …

Read More
Turn off iPhone/Safari input element rounding

My website renders well on the iPhone/Safari browser, with one exception: My text input fields have a weird rounded style which doesn't look good at all with the rest of my website. Is there a way to instruct Safari (…

Read More
iPhone 5 CSS media query

The iPhone 5 has a longer screen and it's not catching my website's mobile view. What are the new responsive design queries for the iPhone 5 and can I combine with existing iPhone queries? My current media query is this: @media only …

Read More