Thinking of the 'zoom' in responsive desig

Question

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.

Answer 1

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">