我的网站在移动设备上没有响应 时间:2019-04-05 作者:Frank Eno 我正在建立Wordpress网站http://xscoder.com/wp-demo/test/虽然所有CSS和JS脚本都已成功加载,但我无法使其响应,正如您在Inspector中看到的那样。我想这与slicknav有关,虽然我不确定,但这是我的主要代码。调用slicknav响应js的js文件:$(function(){ $(\'#menu-primary-menu\').slicknav({ prependTo: \'.site-branding\', label: \'\', allowParentLinks: true }); }); 请你们和Chrome Inspector一起检查我的wesbite,看看是否有问题,控制台没有打印任何错误,所以我真的不知道我在做什么,我是anewbie:)非常感谢您的帮助! 2 个回复 最合适的回答,由SO网友:rudtek 整理而成 通常情况下,即使我们已经正确设置了媒体查询,网站仍然无法响应这些查询。您需要在标题中设置视口。php来修复此问题。我经常发现,这会影响Mac电脑而不是PC电脑。但不管怎样,添加这一点仍然是一个好主意。在您的站点中<head> 添加此代码:<meta name="viewport" content="width=device-width, initial-scale=1"> 它应该可以解决这个问题。这告诉站点注意查看站点的设备宽度。 SO网友:Javi Torre Sustaeta 将此添加到您的头部标签中:<script src="jquery-3.3.1.min.js"></script> 我还没有在您的head标签中找到最新的jQuery版本,而SlickNav需要jQuery 1.7+。我不知道这是否是解决您问题的方法,但请尝试一下。 文章导航