htmlresponsive-designmeta-tags

Stop meta viewport responsiveness

Demo

I want to make responsiveness behaviour like at this site. There is meta viewport content set to width=device-width, initial-scale=1, maximum-scale=1, but if i resize browser vieport size by reducing its width (about 200px width and smaller), content scales proportionally and responsiveness "swithes off".

You can compare this site and jsFiddle demo with picture below. The same text with the same font-size, but scales differently.

font-size 20px on 104px viewport fit its size

UPD

I need to know how can i set 20px font size and it will scale proportionally like without using meta viewport. Try to make a <h1> with meta viewport and without one, you will understand what i mean

Solution

  • The solution was simple. I needed just set body min-width