Re: Jonathan's concern: Zoom in responsive drops content

I think there is a little cross-purpose talking going on, the key one being here:

Jason wrote: 
I may be mistaken, but I understand the scenario under discussion here to be one in which the same content with the viewport size and orientation settings is served to all user agents. Mobile devices will tend to honor the settings, but desktop systems won’t. Please correct me if these are the wrong assumptions.

AC: Other way around. The scenario is that the author has created a responsive site which works great on desktop. People can zoom, and the media queries re-flow the content down to what you might consider a mobile view. The SC as written matches this well.

On small-screen devices, due to the way they fix the layout onload, there is no mechanism* to zoom without causing bi-directional scrolling. I.e. you pinch zoom and the layout expands without re-flowing, so it works like a magnifier rather than the desktop style re-flow.

I wrote up the differences here (with videos to show it visually if you can see it):
https://alastairc.ac/2015/10/zoom-for-fixed-and-responsive-sites/ 

The problem for the SC is that small-screen UAs do not provide a means to increase text size with re-flow, so there will always be horizontal scrolling.

-Alastair

* Some provide a text-sizing preference in the settings, but it is rather hit and miss. On iOS for example it doesn’t apply to web content. On others it often leads to the text-overlapping issues you got with text-only resize on desktop.

Received on Friday, 8 July 2016 08:02:53 UTC