CODEWITHSUNDEEP
csslayoutresponsive-designzooming
user2694307
user2694307

Reputation: 383

Thinking of the 'zoom' in responsive design

I am trying to do a responsive design with using HTML and CSS, here is my problem:

If you only resize the window, the layout fits and if you only zoom, layout fits again, I have no problem with it, but if you zoom when the window is resized, layout breaks a little.

Is it important to find a solution about this? I have no problem with 200%, 300% levels of zoom, mostly 400% or 500% make some problems to me.

Upvotes: 7

Views: 28388

Answers (1)

Lost Left Stack
Lost Left Stack

Reputation: 1952

In general, a responsive layout shouldn't need to be zoomed because it fits the device/browser window and has been designed to be "finger-friendly". To help with that, you can use this viewport to stop users from zooming: 

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

Upvotes: 10

Related Questions