What are the device-width css for iphone7 plus?

Question

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 1

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

Answer 2

You can easily detect your device CSS width and height by single clicking this link: http://viewportsizes.com/mine/

For iPhone 6 its 375px X 667px
For iPhone 6+ its 375px x 667px
For iPhone 7 its 375px X 667px
For iPhone 7+ its 414px x 736px

Answer 3

The iPhone 7 Plus is 414 x 736 according to Apple: https://developer.apple.com/library/content/documentation/DeviceInformation/Reference/iOSDeviceCompatibility/Displays/Displays.html