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

ios css iphone responsive-design viewport
hexalys picture hexalys · Sep 10, 2014 · Viewed 78.1k times · Source

The iPhone 6 and iPhone 6 Plus were just announced. But as usual, phone specs never give the meta viewport device-width sizes in CSS Pixels or DPR at width=device-width,initial-scale=1.

Predictions have been made, speculating on 375/414px viewport width, but that still remains unclear...

NB: Please don't speculate or post answers with the known overall device resolution or specs, it's not what I am looking for. I want the default responsive portrait and landscape viewport-width in pixels.

Answer

swiftBoy picture swiftBoy · Feb 12, 2015

Below is the ios Device Sizes with detailed information

enter image description here

References

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
Styling input buttons for iPad and iPhone

I'm using CSS to style the input buttons on my website, but on IOS devices the styling is replaced by Mac's default buttons. Is there a way to style buttons for iOS, or a way to maybe make a hyperlink …

Read More
Prevent iPhone from zooming form?

The code: <select> <option value="1">Home</option> <option value="2">About</option> <option value="3">Services</option> <option value="4">Contact</option> </select> …

Read More