Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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);
    }
}
like image 259
abcdefghi Avatar asked Mar 08 '16 21:03

abcdefghi


People also ask

Can we use media queries to make a website mobile responsive?

CSS Media Queries allow you to create responsive websites that look good on all screen sizes, from desktop to mobile.

What is the media query size for mobile?

Mobile (Smartphone) max-width: 480px.


1 Answers

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">
like image 72
Roy Avatar answered Nov 06 '22 16:11

Roy