网站 link 无法在 phone 上运行
Website link not working on phone
我有一个已部署的网站,在本地和服务器上都运行良好:
autrecote.be/en
除了菜单(包括描述和联系方式)不起作用但只能在智能手机上使用。
因为我使用的是 Grav CMS,所以我没有做响应式适配,我不知道从哪里开始看。是什么导致链接只能在计算机浏览器上工作?
非常感谢您的帮助
编辑:
感谢下面的回答,我设法找到了错误,这些行在普通菜单的文件中但不在移动菜单中:
确实,我发现了错误,这一行在普通菜单的文件中,但在移动菜单中没有:
<li class='menu-item menu-item-type-post_type'><a href='{{base_url_absolute }}/{{ item.url|replace({"page:":''}) }}'>{{ item.text }}</a></li>
已经可以使用了,非常感谢。
这不是计算机与智能手机浏览器的问题。如果您将桌面浏览器 window 设置得足够小,您将看到相同的行为。 (在 Firefox 中,您可以使用名为 "Responsive Design Mode" 的便捷工具。)
在页面的源代码中,您会看到定义了两个菜单,一个 "normal" 一个和一个 "mobile" 一个(带有带有 3 条水平线的 'hamburger' 图标) .这个菜单似乎有错误的链接:href
值类似于 page:description
,而不是实际的页面链接。
我有一个已部署的网站,在本地和服务器上都运行良好:
autrecote.be/en
除了菜单(包括描述和联系方式)不起作用但只能在智能手机上使用。
因为我使用的是 Grav CMS,所以我没有做响应式适配,我不知道从哪里开始看。是什么导致链接只能在计算机浏览器上工作?
非常感谢您的帮助
编辑:
感谢下面的回答,我设法找到了错误,这些行在普通菜单的文件中但不在移动菜单中:
确实,我发现了错误,这一行在普通菜单的文件中,但在移动菜单中没有:
<li class='menu-item menu-item-type-post_type'><a href='{{base_url_absolute }}/{{ item.url|replace({"page:":''}) }}'>{{ item.text }}</a></li>
已经可以使用了,非常感谢。
这不是计算机与智能手机浏览器的问题。如果您将桌面浏览器 window 设置得足够小,您将看到相同的行为。 (在 Firefox 中,您可以使用名为 "Responsive Design Mode" 的便捷工具。)
在页面的源代码中,您会看到定义了两个菜单,一个 "normal" 一个和一个 "mobile" 一个(带有带有 3 条水平线的 'hamburger' 图标) .这个菜单似乎有错误的链接:href
值类似于 page:description
,而不是实际的页面链接。