javascript - 元素落在视口(viewport)之外

标签 javascript html css responsive-design

我使用 Google 的 PageSpeed Insights 来分析我的网页。我得到的报告是here

我对“User Experience Beta”部分中的“Size content to viewport”感到困惑。它说了如下内容:

<h2>Pick Up Lines Categories</h2>

<a href="http://www.rom…ckup-lines.htm">Bad Pick Up Lines</a>

在视口(viewport)之外?我在 iPhone 上看过它们,它们看起来不错。我不明白为什么它们会显示在视口(viewport)之外。

最佳答案

这是说您的页面对于移动分辨率而言太宽,允许用户水平滚动,这会降低用户体验。

编辑

这主要是由<div id="ad_footer_1_position">引起的,但是<div id="footer">对于页面来说也太宽了。

关于javascript - 元素落在视口(viewport)之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21299426/

相关文章:

javascript - 选择前弹出显示

html - 如果内容超过高度,如何使 div 高度自动适应屏幕并展开

javascript - 使用 jQuery/Javascript 突出显示事件/选定的链接

javascript - JQuery 备份替代方案

javascript - <link> 元素的 'load' 事件未触发, 'onload' 也不可操作

javascript - JQuery $(element).append() 破坏脚本?

html - 如何匹配任一正则表达式?

javascript - 如何从 axios.get 获取请求数据到 Redux 存储

javascript - 使用 document.elementFromPoint 获取附近的路径

html - 页脚不在底部