手机上相同大小的网站答案

【问题标题】：Website with same size on mobile手机上相同大小的网站
【发布时间】：2016-04-12 08:15:15
【问题描述】：

我想知道如何让我的网站在移动设备上恢复正常大小（无需滚动即可查看所有网站并允许用户放大）

我试过了：

<meta name="viewport" content="width=device-width, initial-scale=0, user-scalable=yes">
min-width: 320 px

但是，没有结果

我使用 bootstrap 并将宽度固定为 1400 像素，我想在移动设备上看到我的网站，就像在 PC 上一样（所有网站，但缩放最小）

谢谢

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

好吧，删除那个<meta name="viewport" content="width=device-width, initial-scale=0, user-scalable=yes">。这会将整个桌面视图放大到您的小屏幕中。

【讨论】：

【解决方案2】：

我认为您应该在容器 div 上使用类 'container-fluid'。如果你想显示一些具有相同宽度的 html 元素，你应该使用类 'col-md-x'、'col-lg-x'、'col-sm-x' 和 'col-xs-x'。将“x”替换为 1 到 12 之间的某个数字。如果写 12，它将是容器的整个宽度。

<div class="container-fluid">
    <div class="row">
      <img class="col-mg-12 col-sm-12 etc." src="example.png"/>
    </div>
</div>

【讨论】：

【解决方案3】：

查看disabling responsiveness here的官方文档

很简单，祝你好运！

【讨论】：