fullpage.js 响应式幻灯片扩展问题
fullpage.js responsive-slides extension question
我正在试验 fullPage.js 响应式幻灯片扩展。
参见 https://alvarotrigo.com/fullPage/extensions/responsive-slides.html。
想知道我的 phone 上的响应行为：Samsung Galaxy S6。
在这个 phone 上，我没有看到网站切换到其预期的移动外观。具体来说，水平行不会自动切换到完全垂直的体验，并且元素不会调整大小。
我确实看到该网站使用 Chrome 和其他浏览器中的开发人员工具准确响应。
你觉得怎么样？或者你会如何找出问题所在？提前致谢。
那是因为网站没有使用 viewport 元标记，因此像素不是真正的 phone 像素。
您可以使用以下元标记，看看它是如何按预期工作的：
<meta name="viewport" content="width=device-width,initial-scale=1">
我正在试验 fullPage.js 响应式幻灯片扩展。 参见 https://alvarotrigo.com/fullPage/extensions/responsive-slides.html。 想知道我的 phone 上的响应行为：Samsung Galaxy S6。 在这个 phone 上，我没有看到网站切换到其预期的移动外观。具体来说，水平行不会自动切换到完全垂直的体验，并且元素不会调整大小。 我确实看到该网站使用 Chrome 和其他浏览器中的开发人员工具准确响应。 你觉得怎么样？或者你会如何找出问题所在？提前致谢。
那是因为网站没有使用 viewport 元标记，因此像素不是真正的 phone 像素。
您可以使用以下元标记，看看它是如何按预期工作的：
<meta name="viewport" content="width=device-width,initial-scale=1">