Question

我的问题是网站http://navtant.com/没有通过googles移动友好测试。（我的移动css解决了所有这些问题）

这是我的问题，页面应该调用“style-mobile.css”，但它调用style-100px.css和style-desktop.css以及style.css。页面应该类似于它的姐妹站点：https://equipmenttrackingsolutions.com/两个页面都有相同的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 } }
    },

ETS：

    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 } }
    },

我让我的高级网页设计师看一看，他指示我到这里，因为他也无法弄清楚这个问题。

我感谢所有帮助

在JS中没有正确调用Mobile Css

0 个答案: