javascript - 响应式设计 - 无法正常工作

标签 javascript jquery css responsive-design fullpage.js

我正在开发一个响应式网站。出于某种原因,当我调整浏览器大小时,响应性很好,但是当我在移动设备上加载网站时,响应性无法正常工作。

这是网站:

http://rcb.com.mt/wordpresstesting/WebsiteTest/

我还在一个在线响应测试网站上运行了一个测试,响应也很有效: http://www.responsinator.com/?url=http%3A%2F%2Frcb.com.mt%2Fwordpresstesting%2FWebsiteTest%2F

我在我的网站上使用这个插件:https://github.com/alvarotrigo/fullPage.js - 是否与脚本中的设置或回调函数有关?

任何人都可以看看我,也许可以发现为什么响应不能正常工作。

最佳答案

<head> 中的视口(viewport)标签缺少,添加这个

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />

关于javascript - 响应式设计 - 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23383874/

相关文章:

javascript - 将DOM中的列表元素添加到JS中的数组中

javascript - 在 JavaScript 原型(prototype)函数中保留对 "this"的引用

html - Bootstrap 折叠跳跃过渡,无填充/边距

javascript - 如何使用 javascript 更改选取框标签的样式

javascript - 单击时使用 javascript 提交表单

javascript - 为我正在创建的网站实现 History.js 时遇到一些问题

javascript - 使用 React 将轨道添加/删除到播放列表

javascript - 应用程序性能缓慢

css - 如何使侧边菜单底部、按钮和内容响应?

css float 在 IE7 中不正常