How can fix the size of the font in mobile version if that font of the size is fix for desktop version.

Question

I want that same font in mobile version.when I declared that font in CSS then same font-size will display in mobile version. how to decrease the size of the of the font?

Answer 1

Your question is very unclear... but you could try to define 'font-size' with units relative to viewport size: vw (viewport width), vh (viewport height), vmin (lesser value between both previous), vmax (greater one). Values are percentage of each (ie: 100vw will be exactly the same size as the viewport width, 50vw half and 200vw double...).

Something like:

body {
font-size:3vw;
}

... will change size of font relatively to the device width (so bigger font in landscape mode), or when window is resized on desktop.
On the other hand, using '3vmin', will make more or less same font-size in any orientation (but you will have more character length on one line in landscape)...

To fine tune responsiveness, you can also use @media queries... but that's another history ;P

Answer 2

I mean that it couldn't be fully explained in the few lines of a post ^^

Answer 3

I am looking mainly for responsive pages. similar looks in mobile version of the text

Answer 4

@visph what do you mean by "but that's another history" ?