CODEWITHSUNDEEP
cssiphonedevice-width
amir
amir

Reputation: 121

What are the device-width css for iphone7 plus?

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/

Upvotes: 12

Views: 17917

Answers (3)

Kapil Kshirsagar
Kapil Kshirsagar

Reputation: 282

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

Upvotes: 2

Bennett McElwee
Bennett McElwee

Reputation: 25770

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

Upvotes: 1

Dr. Lemon Tea
Dr. Lemon Tea

Reputation: 647

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

Upvotes: 6

Related Questions