To "user-scalable=no" or not to "user-scalable=no"
You don't need to use user-scalable=no for responsive web design. You use it if you want your web app to feel more like a native app (in terms of zooming). You can control that users wont break your design if they zoom in. But technically, if you're doing responsive and your design breaks when zooming in, then you're not doing it right.
But, if you absolutely need to use it: "... however keep in mind that zooming is an important accessibility feature that is used by a lot of people. Turning it off should therefore only happen when really necessary, such as for certain types of games and applications." http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
Related videos on Youtube
Daniel Ramirez-Escudero
I’m a web designer and developer based in Amsterdam, but I also work for international projects. My objective is to create a connection between your idea and your people. I will listen and customize your concept to successfully communicate your message. For more information please visit my portfolio: http://www.escuderodesign.com/
Updated on July 09, 2022Comments
-
Daniel Ramirez-Escudero almost 2 years
I've read different threads but never got to a clear conclusion, what are the differences, advantages and disadvantages of using
user-scalable=no
on case A or case B?I'm going to do a responsive website, which case is better then?
CASE A:
<meta name="viewport" content="width=device-width, user-scalable=no">
CASE B:
<meta name="viewport" content="width=device-width">
-
AbeyMarquez about 7 yearsUseful and definitely worth considering.
-
Volker E. about 6 years“You can control that users wont break your design if they zoom in.” – You definitely got the Web wrong. It's not about you, it's about them.
-
Uwe almost 3 years@Zanshin13 - you linked answer was updated. It seems the 300ms profit doesn't need the user-scalable=no anymore.
-
Zanshin13 almost 3 years@Uwe thanks for the update! I removed my comment since now it is obsolete