#＜meta name=“viewport“ content=“width=device-width, initial-scale=1, maximum-scale=1“＞ @FDDLC

一、问题引入：

我们在网页中经常可以看到这么一行代码：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

代码很好读，见名可知义。但还是总结一番比较好。

二、解释

1、viewpoint：

视角，没啥解释的。

2、devicePixelRatio：

设备像素比。这里涉及到两个概念：物理设备的实际像素，CSS像素(逻辑像素)。devicePixelRatio(设置像素比)=物理设备的实际像素/CSS像素。因此devicePixelRatio表示一个CSS像素对应多个实际像素。

3、<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">的解释：

1）、width：view-point的宽度。width=device-width表示view-point的宽度与设备的实际宽度相同。

2）、height：view-point的高度

3）、initial-scale：初始缩放比例

4）、user-scalable：是否允许用户进行缩放。yes或true为允许，no或false为不允许

5）、 maximum-scale：允许用户缩放的最大比例

6）、minimum-scale：允许用户缩放的最小比例

参考文章：

https://www.jianshu.com/p/7184c56b6a48

关于meta标签的name="viewport" 概述 - 一天从晚上开始 - 博客园 (cnblogs.com)

meta name="viewport" content="width=device-width,initial-scale=1.0"理解_yiyueqinghui的博客-CSDN博客

最后

以上就是彪壮玉米为你收集整理的#＜meta name=“viewport“ content=“width=device-width, initial-scale=1, maximum-scale=1“＞ @FDDLC的全部内容，希望文章能够帮你解决#＜meta name=“viewport“ content=“width=device-width, initial-scale=1, maximum-scale=1“＞ @FDDLC所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。