Sooo... Open a new Framer file. Set Viewer to iPhone 6. Do "print Screen.width". Result printed in Framer Studio: 750. Result printed on iPhone 6 in Frameless: 980.
EDIT: Starting to sound like an iOS 9 Beta bug?
Screenshot from Framer
Screenshot from Frameless
"Safari on iOS sets the size and scale of the viewport to reasonable defaults that work well for most webpages, as shown on the left in Figure 3-3. The default width is 980 pixels. However, these defaults may not work well for your webpages, particularly if you are tailoring your website for a particular device. For example, the webpage on the right in Figure 3-3 appears too narrow. Because Safari on iOS provides a viewport, you can change the default settings." https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
Interesting. So did I run into a Framer bug or an iOS bug?
Neither? It should be fixed in this: http://share.framerjs.com/ghpqzy373tur/
Added a meta tag to the index file as suggested here: http://stackoverflow.com/questions/19945658/my-iphone-thinks-its-980px-wide
But Framer has never required me to add a meta tag to my index file to get back the correct screen width. Has something changed?
I need to look into known issues with iOS 9, as this test device is on Beta 5.
Koen Bok Benjamin Den Boer?
If others can't reproduce this as described in the original post, then I'll chalk this up to an iOS 9 issue.
But you can see my test file is not complex. :)
Chris Camargo I'm on 8.4 and getting the same results
Hooray for reproducibility!
Strike that - didn't test your original problem - only my "fixed" version - removed the meta tag and it still gives me 750 in frameless
Did the meta tag version I posted give you the right result in frameless?
I can reproduce this. Using iPhone 6 with iOS 9 Beta 5.
It's an iOS9 issue
I've been suffering this issue for a long time. Mobile Safari width on an iPhone 6 with iOS9 was giving 980, when it should be 750. And thus all my Framer 'Screen' calculations where wrong. I finally found a link with the solution (see below): Adding shrink-to-fit=no to the viewport meta tag did the trick! Maybe this should be added to Framer bundled index.html? cc Koen Bok https://www.bram.us/2015/10/06/ios9-mobilesafari-viewport-problem/
Javier Chávarri whatever the issue was, it doesn't seem to be occuring for me anymore. I'm on Framer Studio v47, iOS 9.2.1 Beta 2.
Chris Camargo You are right! it's also working for me with Framer Studio v47. I was testing with some projects created with older versions of Framer :)
We fixed this like a month ago, but older projects might still have the bug. The best way to upgrade is to create a new project and copy over your code, because this goed beyond just the framer.js file.