[Pro] Pinch to zoom not working

When I few this website on my iPad, the pinch to zoom isn’t working. FWIW, I’m using the Backdraft template.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have a look at the Viewport settings

<meta name="viewport" content="width = device-width, initial-scale = 1.00, minimum-scale = 1.00, maximum-scale = 1.00">

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave,

But you’ve lost me a bit. Is this some html markup I should add on my masterpage? If so, where?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave is quoting back to you the HTML that Freeway has generated. In the Page Inspector, in the Output tab, you will see a set of controls for Mobile devices. The settings you have selected are reflected in the HTML that you saw. Particularly, the min and max scale are overriding the user’s ability to zoom the page. You generally do want to set these properties as you have them when you are building a responsive site, otherwise the browser will simply scale the contents to fit rather than dealing with the fact that the page cannot fit in the viewport by invoking the other breakpoints in your stylesheet.

Walter

On May 23, 2015, at 2:38 PM, Doty email@hidden wrote:

Thanks Dave,

But you’ve lost me a bit. Is this some html markup I should add on my masterpage? If so, where?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hmmm. That’s interesting Walt. Thanks for the education. That is helpful, but unfortunate for those with vision problems that need to zoom the text beyond what is generally considered “readable.” I wish I could have it both ways — responsive and “zoomable.”


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There must be another way…

Here are three responsive sites that I’ve done:

The first two allow zooming on iOS devices. The backdraft site does not. I checked out the main backdraft page and it doesn’t allow pinch to zoom either. Is this a limitation of Backdraft?

I confess, I’m trying all of these different methods to create responsive sites to come up with a workflow that makes sense to me and teach myself a thing or two along the way. So far, I like Backdraft best, BUT, is there any way to allow zooming on a Backdraft created site?

Thanks everyone!

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have you tried just changing the Maximum scale figure?

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No, David. Nor do I know how to do that. Can you point me in the right direction?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Look in the Inspector - 3rd Tab with nothing on the page selected.

Open the Mobile section. Enable - Page Can Be Scaled. Then try the Maximum Scale setting at 160%

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you David!

That will certainly work well enough for my purposes. It’s not often this will be needed, but I have a few vision impaired clients that have specifically requested this feature. It’s become a habit for them to “pinch out to zoom” when they can’t read the text.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options