首页 > 解决方案 > 无论如何我可以在我的笔记本电脑浏览器上检查 meta name="viewport" 的使用

问题描述

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

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

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

标签: htmlcsstwitter-bootstrap

解决方案


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

宽度=设备宽度

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

初始规模

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

如何查看影响:

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

选择设备模式为 mobile 并将 initial-scale 的值从 1 更改为 2 或任何值,这将显示 initial-scale 的影响。


推荐阅读