如何通过媒体查询在移动设备上扩大网站答案

【问题标题】：How to make website bigger on mobile with media queries如何通过媒体查询在移动设备上扩大网站
【发布时间】：2016-06-23 01:39:06
【问题描述】：

我的网站：click

如何在手机上做大网站？我想要更大的标志和其他东西。 zoom 属性在 iPhone 上不起作用，因为我的 CSS 中有这个：

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

【问题讨论】：

天哪！我不认为这是个好主意。您是否正在寻找类似<meta name="viewport" content="width=device-width, initial-scale=1"> 的东西？
按照@JosephMarikle 所说的那样设置视口，然后不带前缀的transform:scale(1.5)（或者-webkit-transform，取决于您所针对的旧系统）应该可以工作。

【解决方案1】：

缩放您的网站是个坏主意。尝试将此添加到您的<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">

【讨论】：

【解决方案2】：

首先设置你的视口

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

写缩放像

zoom: 1.8;

【讨论】：