我的网站在移动设备上没有响应

时间: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+。

我不知道这是否是解决您问题的方法,但请尝试一下。

相关推荐

resize chat bar on mobile

如下图所示,我希望在移动设备上为该页面缩小商店页面上的聊天栏:ergotopia.de 我用这段代码进行了尝试,这使得它变小了,但也打开了窗口(如图所示)。@media (max-width:849px){ .single-product.zopim{ margin-left: -10px; margin-bottom: 38px!important; width: 37px