如果有人可以帮助我理解-
<meta name="viewport" content="width=device-width, initial-scale=1">
通过从Web页面(用Bootstrap编写)中删除该行,然后重新调整我的笔记本电脑浏览器窗口的大小,尝试检查该行的使用情况。然后尝试将初始比例更改为0.5、2、3、4,并将宽度参数更改为500、1500等,但我的网页上没有任何更改。请帮助我理解这一点。
答案 0 :(得分:0)
它们是视口元标记,最适用于移动浏览器。
width =设备宽度
这意味着,我们告诉浏览器“我的网站适应您的设备宽度”。
初始比例
这定义网站的比例,此参数设置初始缩放级别,这意味着1 CSS像素等于1视口像素。当您更改方向或防止默认缩放时,此参数有帮助。没有此参数,响应站点将无法工作。
如何查看影响力
如果只想查看对浏览器的影响,只需打开www.example.com之类的网页,然后在chrome中打开该页面,然后打开开发者工具/检查网页。
选择设备模式以移动,并将初始比例的值从1更改为2或任何值,这将显示初始比例的影响。