如何自动缩放移动页面

Question

我有一个页面，我想在手机上成为看上去像这样。

但是当我用手机打开它的时候，它就是像这样。

如何做到这一点，使它是自动缩放。

注意:如果用户试图缩小并放大，则不应该工作。

Answer 1

使用CSS媒体查询并在(max-width: /*your desired viewport*/)中设置包装器，并控制包装器的宽度和字体大小。mediaqueries.asp如果您不希望用户放大，请使用此元视图

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Answer 2

最好的方法就是复制：<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/> in head标记。

这将自动调整根据屏幕的宽度和高度。

Media Query 5月/5月不按要求添加。