Hello ,
I would like to change the default page view scale to 90% .
I work on a vuejs project:
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
(...)
I tried initial-scale=0.7
but it's not working:
<meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=1.0, user-scalable=no" />
Top comments (4)
Would it be better to adjust the size of everything in CSS?
Setting
maximum-scale
means you disable people's ability to do things like pinch-zoom, which is bad for accessibility.Set the font-size on the body. Play with ems.
When I change the font size it doesn't change the pictures size also ..
I'm looking for a way to zoom out everything !
Include additional variable for ratio for example:
base-size: 1em
base-ratio: 1.5
Use ratio for calculating picture sizes and fonts as well...
Single img selector that uses calc will do:
img {
height: calc(100% *var(--base-ratio));
}