无论如何,我可以在笔记本电脑浏览器中检查meta name =“ viewport”的使用情况

时间:2018-07-06 05:18:22

标签: html css twitter-bootstrap

如果有人可以帮助我理解-

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

通过从Web页面(用Bootstrap编写)中删除该行,然后重新调整我的笔记本电脑浏览器窗口的大小,尝试检查该行的使用情况。然后尝试将初始比例更改为0.5、2、3、4,并将宽度参数更改为500、1500等,但我的网页上没有任何更改。请帮助我理解这一点。

1 个答案:

答案 0 :(得分:0)

它们是视口元标记,最适用于移动浏览器。

width =设备宽度

这意味着,我们告诉浏览器“我的网站适应您的设备宽度”。

初始比例

这定义网站的比例,此参数设置初始缩放级别,这意味着1 CSS像素等于1视口像素。当您更改方向或防止默认缩放时,此参数有帮助。没有此参数,响应站点将无法工作。

如何查看影响力

如果只想查看对浏览器的影响,只需打开www.example.com之类的网页,然后在chrome中打开该页面,然后打开开发者工具/检查网页。

选择设备模式以移动,并将初始比例的值从1更改为2或任何值,这将显示初始比例的影响。