Question

我想知道如何让我的网站在移动设备上达到正常尺寸（可以看到所有网站没有滚动并允许用户放大）

我试过了：

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

但是，没有结果

我使用了bootstrap并且我修复了1400 px的宽度，我希望在PC上看到我的网站（所有网站都有最小的缩放）

由于

Answer 1

我认为你应该使用班级容器流体＆＃39;在容器div上。如果你想显示一些宽度相同的html元素，你可以使用类＆＃39; col-md-x＆＃39;，＆＃39; col-lg-x＆＃39; ＆＃39; COL-SM-X＆＃39;和＆＃39; col-xs-x＆＃39;。替换＆＃39; x＆＃39;从1到12的数字。如果你写12，它将是容器的整个宽度。

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

Answer 2

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

Answer 3

查看disabling responsiveness here

上的官方文档

这很简单，祝你好运！

手机上尺寸相同的网站

3 个答案: