如何在移动设备上增加网站

时间:2016-03-08 21:50:51

标签: html css media-queries

我的网站:click

如何让手机上的网站更大?我希望有更大的徽标和其他东西。

缩放属性不适用于Iphone,因为我在我的CSS中有这个:

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

2 个答案:

答案 0 :(得分:7)

缩放您的网站是一个坏主意。请尝试将此添加到<head>,并详细了解Mozilla Developer Network上的viewport元标记。

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

答案 1 :(得分:0)

首先设置视口

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

写入缩放,如

zoom: 1.8;