Javascript 在JS中未正确调用移动Css

我的问题是网站没有通过谷歌手机友好测试。（我的移动css解决了所有这些问题）

这是我的问题，页面应该调用“style mobile.css”，但它调用style-100px.css和style-desktop.css以及style.css。该页面应该类似于它的姊妹站点：两个页面都有相同的css文件夹，除了NavTant的路径不同，我已经多次检查了JS中确定浏览器的路径

NavTant:

    breakpoints: {
        'global':   { range: '*', href: 'assets/css/style.css' },
        'desktop':  { range: '737-', href: 'assets/css/style-desktop.css', containers: 1200, grid: { gutters: 50 } },
        '1000px':   { range: '737-1200', href: 'assets/css/style-1000px.css', containers: 1000, grid: { gutters: 35 }, viewport: { width: 1080 } },
        'mobile':   { range: '-736', href: 'assets/css/style-mobile.css', containers: '100%!', grid: { collapse: true, gutters: 20 }, viewport: { scalable: false } }
    },

    breakpoints: {
        'global':   { range: '*', href: 'css/style.css' },
        'desktop':  { range: '737-', href: 'css/style-desktop.css', containers: 1200, grid: { gutters: 50 } },
        '1000px':   { range: '737-1200', href: 'css/style-1000px.css', containers: 1000, grid: { gutters: 35 }, viewport: { width: 1080 } },
        'mobile':   { range: '-736', href: 'css/style-mobile.css', containers: '100%!', grid: { collapse: true, gutters: 20 }, viewport: { scalable: false } }
    },

ETS:

    breakpoints: {
        'global':   { range: '*', href: 'assets/css/style.css' },
        'desktop':  { range: '737-', href: 'assets/css/style-desktop.css', containers: 1200, grid: { gutters: 50 } },
        '1000px':   { range: '737-1200', href: 'assets/css/style-1000px.css', containers: 1000, grid: { gutters: 35 }, viewport: { width: 1080 } },
        'mobile':   { range: '-736', href: 'assets/css/style-mobile.css', containers: '100%!', grid: { collapse: true, gutters: 20 }, viewport: { scalable: false } }
    },

    breakpoints: {
        'global':   { range: '*', href: 'css/style.css' },
        'desktop':  { range: '737-', href: 'css/style-desktop.css', containers: 1200, grid: { gutters: 50 } },
        '1000px':   { range: '737-1200', href: 'css/style-1000px.css', containers: 1000, grid: { gutters: 35 }, viewport: { width: 1080 } },
        'mobile':   { range: '-736', href: 'css/style-mobile.css', containers: '100%!', grid: { collapse: true, gutters: 20 }, viewport: { scalable: false } }
    },

我让我的高级网页设计师看了一下，他把我带到这里，因为他也不能解决这个问题

---

感谢所有帮助

您是否按照此处的说明进行了操作：确保查看谷歌对页面的看法：