Why doesn't pinch/zoom work on mobile site?


Recommended Posts

I've noticed this on other mobile sites as well. Why does pinch/zoom not work on the mobile site?

There is no mobile site. The Neowin main page uses responsive CSS to scale to different devices. Pinch to zoom is rendered moot since there is no part of the page going off screen.

Link to comment
Share on other sites

Its not moot if I'm using pinch/zoom to read or look at something small.

Does reading mode not work for you? You can adjust text size there.

Link to comment
Share on other sites

Pinch to zoom is rendered moot since there is no part of the page going off screen.

 

I disagree.  News stories on this site often include images that haven't been sized properly for a small screen and you may want to zoom to see them properly.  At the moment you have to rotate your phone to resize them. 

 

The problem with responsive design is that it assumes to much and you end up with different problems at all screen sizes (ridiculously oversized text on a desktop, images that look terrible on phones, etc.)

Link to comment
Share on other sites

I disagree.  News stories on this site often include images that haven't been sized properly for a small screen and you may want to zoom to see them properly.  At the moment you have to rotate your phone to resize them. 

 

The problem with responsive design is that it assumes to much and you end up with different problems at all screen sizes (ridiculously oversized text on a desktop, images that look terrible on phones, etc.)

Exactly :)

Link to comment
Share on other sites

when I develop sites I have seperate mobile and seperate desktop sites due to this very problem. text is so hard to get right on a phone becuase everyone's phones are so fragmented you just want to set and forget. with respo9nsive you got some phones the render the text horrible and jaggy yet, other phones looks pretty. it's a struggle. -_-

Link to comment
Share on other sites

There is no mobile site. The Neowin main page uses responsive CSS to scale to different devices. Pinch to zoom is rendered moot since there is no part of the page going off screen.

 

Completely inaccurate. See below...

 

 

I believe it's due to this meta tag

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

 

Spot on buddy. user-scalable should never be set to no, it's a usability nightmare.

 

OP, if you're using Chrome, there's a setting in the options to ignore the above meta tag and force zoom to work. It's what i use. 

Link to comment
Share on other sites

Completely inaccurate. See below...

 

 

Spot on buddy. user-scalable should never be set to no, it's a usability nightmare.

 

OP, if you're using Chrome, there's a setting in the options to ignore the above meta tag and force zoom to work. It's what i use. 

It's far from a usability nightmare. That's exactly what responsive CSS is for.

 

Besides, there's the option to ignore the meta tag:

post-420821-0-70508400-1422812008.png

Link to comment
Share on other sites

It's far from a usability nightmare. That's exactly what responsive CSS is for.

 

Besides, there's the option to ignore the meta tag:

attachicon.gifwp_ss_20150201_0001.png

 

I've been a web developer for 12 years, i'm well aware of what responsive CSS is.

What is a usability nightmare is forcing a built in element of a mobile browser to not work. Pinch zoom was developed for a particular reason, and setting your site to turn off this scaling is very bad practice.

Link to comment
Share on other sites

  • 4 weeks later...
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.