首先说声抱歉,之前填写的网页图片全部都插入错误了,导致之前很多读者没法查看到具体图片,在这里作者表示十分抱歉,因为我在编写的时候,查看图片一般都是正常的,假如发生了某些未知错误,可以点击我的简书处查看。
1.前言
我们都知道,我们平时在 PC 端编写的代码一般来说都直接在 PC 上查看一下展示的效果就可以。
但是我们的界面在移动端设备上时,我们的用户往往会对界面的内容进行缩放等操作,这时候我们往往需要使用到 ViewPort,以此来限制我们的用户的某些操作。
我们一般常用的两种 viewport.
例:1.设置屏幕宽度为设备宽度,禁止用户手动调整缩放
<meta name=”viewport” content=”width=device-width,user-scalable=no” />
例:2.设置屏幕密度为高频,中频,低频自动缩放,禁止用户手动调整缩放
<meta