如何将你书写的网页放在手机上展示

首先说声抱歉，之前填写的网页图片全部都插入错误了，导致之前很多读者没法查看到具体图片，在这里作者表示十分抱歉，因为我在编写的时候，查看图片一般都是正常的，假如发生了某些未知错误，可以点击我的简书处查看。

1.前言

我们都知道，我们平时在 PC 端编写的代码一般来说都直接在 PC 上查看一下展示的效果就可以。

但是我们的界面在移动端设备上时，我们的用户往往会对界面的内容进行缩放等操作，这时候我们往往需要使用到 ViewPort，以此来限制我们的用户的某些操作。

我们一般常用的两种 viewport.

例：1.设置屏幕宽度为设备宽度，禁止用户手动调整缩放

<meta name=”viewport” content=”width=device-width,user-scalable=no” />

例:2.设置屏幕密度为高频，中频，低频自动缩放，禁止用户手动调整缩放

<meta