This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Chris Camargo
Posted Jan 12 - Read on Facebook

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?

22 Comments

Chris Camargo

Screenshot from Framer

Chris Camargo

Screenshot from Frameless

Andrew Nalband

"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

Chris Camargo

Interesting. So did I run into a Framer bug or an iOS bug?

Andrew Nalband

Neither? It should be fixed in this: http://share.framerjs.com/ghpqzy373tur/

Andrew Nalband

Added a meta tag to the index file as suggested here: http://stackoverflow.com/questions/19945658/my-iphone-thinks-its-980px-wide

Chris Camargo

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?

Chris Camargo

I need to look into known issues with iOS 9, as this test device is on Beta 5.

Andrew Nalband

Koen Bok Benjamin Den Boer?

Chris Camargo

If others can't reproduce this as described in the original post, then I'll chalk this up to an iOS 9 issue.

Chris Camargo

But you can see my test file is not complex. :)

Andrew Nalband

Chris Camargo I'm on 8.4 and getting the same results

Chris Camargo

Hooray for reproducibility!

Andrew Nalband

Strike that - didn't test your original problem - only my "fixed" version - removed the meta tag and it still gives me 750 in frameless

Andrew Nalband

Did the meta tag version I posted give you the right result in frameless?

Chris Camargo

Sure does!

Randi Dumaguet

I can reproduce this. Using iPhone 6 with iOS 9 Beta 5.

Arron J Hunt

It's an iOS9 issue

Javier Chávarri

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/

Chris Camargo

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.

Javier Chávarri

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 :)

Koen Bok

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.

Read the entire post on Facebook