viewport 相关问题

视口是计算机图形中的矩形视图区域，或用于光学组件的术语。它在不同的上下文中有几个定义。视口是屏幕的一个区域，用于显示要显示的总图像的一部分。它也可以是一组共同构成一个布局的区域。

Pagespeed：“初始比例”问题 - 没有带有宽度或初始比例的<meta name="viewport">标签

我正在开发一个具有初始比例值为 0.8 的元视口标签的网站。完整的标签在这里：我正在开发一个具有初始比例值为 0.8 的元视口标签的网站。完整标签在这里： <meta name="viewport" content="width=device-width,initial-scale=0.8,maximum-scale=5.0"> 我无法获得 Pagespeed 见解来识别此标签 - 我收到错误“没有带有宽度或初始比例的标签”。然而，如果我设置initial-scale=1，Pagespeed 会识别该标签的存在。我尝试过重新排序参数。我找不到任何地方指出小于 1 的值是有问题的，尤其是在 Google 的 Pagespeed 文档中，该文档指出标签只需存在即可被拾取。将该值更改为 1 会产生令人遗憾的影响，即使网站在移动设备上显示为巨型尺寸并破坏布局。我做错了什么？我是否误解了这个标签的工作原理？谢谢你。 initial-scale 值< 1 会导致 300 毫秒延迟，这对性能不利。文档和审计名称中的措辞都可以更好。我已经提出了对文档的内部更改请求，该请求应该在接下来的几天内发布。我还在 Lighthouse 存储库上提出了此问题以重命名审核描述。

html viewport pagespeed google-pagespeed pagespeed-insights

回答 1 投票 0

CSS：如何调整字体大小以合理的布局填充所有空间？

如何使用 CSS 使我的文本看起来如下图所示？

css width formula viewport font-size

回答 2 投票 0

当我的视口小于 998px 时会留下空白

我试图在我的 html 和 css 项目中设置一些媒体查询，一切似乎都工作得很好，但我注意到当我缩小屏幕时，屏幕右侧会留下一个空白区域。 .

html css whitespace viewport

回答 1 投票 0

使用视口调整图像大小

我的一些 div 中包含一个图像。图像最初在宽屏显示器上位于视口中央 50% 的位置。当浏览器窗口缩小到图像大小时，我...

html css viewport

回答 1 投票 0

检查是否正在使用视口元标记

我有一个画布，需要在调整浏览器窗口大小时调整大小，所以我有以下内容： var resizeCanvas = 函数 () { varratio = Math.max(window.devicePixelRatio || 1, 1);

javascript html viewport meta-tags meta

回答 9 投票 0

如何解决视差效果中的视口问题？

let dubaitext = document.getElementById('dubaitext'); 让 burjkhalifa = document.getElementById('burjkhalifa'); 让stars = document.getElementById('stars'); window.addEventListener('滚动', () =...

javascript html css image viewport

回答 1 投票 0

适应视口大小时无法正确叠加图像

我一直在尝试让我的网站适应任何屏幕的大小，但在让我的对象正确缩放到屏幕大小同时又相互重叠时遇到了一些麻烦。我已经...

html css size overlay viewport

回答 1 投票 0

如何在 safari 浏览器中将容器设置为视口高度？

我正在使用 GitHub 页面为我的博客构建一个静态页面，但在将容器横幅正确调整到 Safari 浏览器上 iPhone 视口的高度时遇到了麻烦。参考这个

css viewport

回答 1 投票 0

用户可扩展元属性不起作用

我尝试在元标记中使用“user-scalable=no”来禁用缩放我的网页。我测试了一下，网页被放大了。我怎样才能使它成为原来的但仍然禁用缩放？我也尝试过...