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

What is Framer? Join the Community
Return to index
Gavin McFarland
Posted Jun 06 - Read on Facebook

Does anyone know how I setup framer to work when previewed as a web app on either an iPhone or iPad? When I preview it in the browser the screen can be dragged up and down. I can't find many tutorials on previewing your prototypes live on a device, so I would love any links you've seen that talk about this in particular.

6 Comments

Stephen Crowley

In your HTML document try adding <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>

Gavin McFarland

I can't seem to get it to work on iPad. :(

Gavin McFarland

I've tried it on the iPhone as well and the metatag alone doesn't solve it. I think Koen is doing something on the Framer JS site to make the example prototypes work when viewed on an iPhone but I'm not sure what.

Stephen Crowley

CSS? Height: 100%, overflow: hidden; on html, body ?

Rob Jones

This fixes it... Koen Bok - gotta get this in the core Framer library :) https://github.com/tisho/framer-prevent-bounce

Gavin McFarland

Nice. Thanks very much for that. After digging around I noticed that Koen used a similar if not the same technique inside main.js on the sample prototypes when viewed on framerjs.com.

Read the entire post on Facebook