javascript - 最近在自学前端，viewport 这个一般怎么用的

问题描述

问 题

我不知道 viewport这个东西，一般是怎么用的，用在什么情况，是适配吗？

解决方案

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

这一句声明用在需要在移动端展示的页面里。与移动端页面宽度与缩放有关，content内容的含义依次为：

width=device-width 页面宽度等于设备宽度
initial-scale=1 初始缩放倍数为1倍
maximum-scale=1 最大缩放1倍
minimum-scale=1 最小缩放1倍
user-scalable=no 不允许缩放页面大小

这样设置之后，代表的意思就是不允许用户通过手指的动作来缩放页面大小，页面宽度始终与设备宽度相等。

这篇关于javascript - 最近在自学前端，viewport 这个一般怎么用的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！