html - 无论如何我可以在我的笔记本电脑浏览器上检查 meta name="viewport" 的使用
问题描述
如果有人可以帮助我了解 -
<meta name="viewport" content="width=device-width, initial-scale=1">
只是试图检查这一行的使用情况,通过从网页中删除这一行(用引导程序编写)然后重新调整我的笔记本电脑浏览器窗口的大小。然后尝试将初始比例更改为 0.5、2、3、4 并将宽度参数更改为 500、1500 等,但我的网页上没有出现任何更改。请帮助我理解这一点。
解决方案
它们是视口元标记,最适用于移动浏览器。
宽度=设备宽度
这意味着,我们告诉浏览器“我的网站适应您的设备宽度”。
初始规模
这定义了网站的比例,此参数设置初始缩放级别,这意味着 1 个 CSS 像素等于 1 个视口像素。当您更改方向或阻止默认缩放时,此参数会有所帮助。没有这个参数,响应式站点将无法工作。
如何查看影响:
如果您只想查看对浏览器的影响,只需打开类似www.example.com的网页,在 chrome 中打开该页面,然后打开开发人员工具/检查网页。
选择设备模式为 mobile 并将 initial-scale 的值从 1 更改为 2 或任何值,这将显示 initial-scale 的影响。
推荐阅读
- php - 如何通过hh:mm,分钟或秒的偏移值设置php时区?
- google-chrome-extension - 如何自动将成功的 TFS 构建上传到 Chrome 网上应用店?
- google-apps-script - 选择选项时更新的 Google 表格下拉列表
- jhipster - Jhipster jdl添加假数据LocalDate字段在数据库中为空,日期格式问题
- java - 面对 BOLDWEIGHT_BOLD 无法解析或不是字段且 SOLID_FOREGROUND 无法解析或不是字段
- maven - selenium 如果测试失败 mvn build 也失败
- docker - 是否可以在运行时将 docker 映像推送到 dockerhub/ACR/etc 后进行更新,因为 docker cp 命令适用于 localhost
- android - 将 FFMPEG AvFrame 数据从 c++ 传递到 JAVA
- terminal - MacOS 无法在 homebrew 上安装 headonly (brew tap homebrew/headonly)
- java - 尝试模拟 Elastic Search 的 RestHighLevelClient 时出现 NullPointerException 问题