CODEWITHSUNDEEP
htmlcssmedia-queries
abcdefghi
abcdefghi

Reputation: 51

How to make website bigger on mobile with media queries

My website: click

How to make the website bigger on mobile phones? I would like to have bigger logo and other stuff. The zoom property is not working on iPhone, as I have this in my CSS:

@media screen and (max-width: 767px) {
    body {
        zoom: 150%;
        -moz-transform: scale(1.5);
    }
}

Upvotes: 5

Views: 3284

Answers (2)

Roy
Roy

Reputation: 8069

Zooming your website is a bad idea. Try adding this to your <head> and read more about the viewport meta tag on Mozilla Developer Network.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

Upvotes: 12

Beep
Beep

Reputation: 2823

first set your viewport 

<meta name="viewport" content="user-scalable=yes, minimum-scale=0.75, maximum-scale=3.0" />

the write zoom like 

zoom: 1.8;

Upvotes: -1

Related Questions