Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用skel在safari中显示切换按钮 skel.init({ 重置:“已满”, 断点:{ 'global':{range:'*',href:'css/style.css'}, '桌面':{range:'737-',href:'css/style desktop.css',容器:1200,网格:{gutters:50}, '1000px':{range:'737-1200',href:'css/style-1000px.css',容器:1000,网格:{gutters:35},视口:{width:1080}, 'mobile':{range:'-737',href:'css/style mobile.css',containers:'100%',grid:{collapse:true,gutters:10},viewport:{scalable:false}, **“safari”:{}** }, 插件:{ 图层:{ 导航面板:{ 隐藏:是的, 断点:['mobile','1000px'], 位置:'左上', 边:"左",, 动画:“pushX”, 宽度:“80%”, 高度:“100%”, 点击关闭:正确, html:“”, 方向:“垂直” }, 标题栏:{ 断点:['mobile','1000px'], 位置:'左上', 边:'顶', 身高:44, 宽度:“100%”, html:' } } } });_Javascript_Html_Safari - Fatal编程技术网

Javascript 使用skel在safari中显示切换按钮 skel.init({ 重置:“已满”, 断点:{ 'global':{range:'*',href:'css/style.css'}, '桌面':{range:'737-',href:'css/style desktop.css',容器:1200,网格:{gutters:50}, '1000px':{range:'737-1200',href:'css/style-1000px.css',容器:1000,网格:{gutters:35},视口:{width:1080}, 'mobile':{range:'-737',href:'css/style mobile.css',containers:'100%',grid:{collapse:true,gutters:10},viewport:{scalable:false}, **“safari”:{}** }, 插件:{ 图层:{ 导航面板:{ 隐藏:是的, 断点:['mobile','1000px'], 位置:'左上', 边:"左",, 动画:“pushX”, 宽度:“80%”, 高度:“100%”, 点击关闭:正确, html:“”, 方向:“垂直” }, 标题栏:{ 断点:['mobile','1000px'], 位置:'左上', 边:'顶', 身高:44, 宽度:“100%”, html:' } } } });

Javascript 使用skel在safari中显示切换按钮 skel.init({ 重置:“已满”, 断点:{ 'global':{range:'*',href:'css/style.css'}, '桌面':{range:'737-',href:'css/style desktop.css',容器:1200,网格:{gutters:50}, '1000px':{range:'737-1200',href:'css/style-1000px.css',容器:1000,网格:{gutters:35},视口:{width:1080}, 'mobile':{range:'-737',href:'css/style mobile.css',containers:'100%',grid:{collapse:true,gutters:10},viewport:{scalable:false}, **“safari”:{}** }, 插件:{ 图层:{ 导航面板:{ 隐藏:是的, 断点:['mobile','1000px'], 位置:'左上', 边:"左",, 动画:“pushX”, 宽度:“80%”, 高度:“100%”, 点击关闭:正确, html:“”, 方向:“垂直” }, 标题栏:{ 断点:['mobile','1000px'], 位置:'左上', 边:'顶', 身高:44, 宽度:“100%”, html:' } } } });,javascript,html,safari,Javascript,Html,Safari,我的代码片段显示了上述断点的切换按钮 断点: ['mobile','1000px'] 我需要在safari浏览器中显示切换按钮。我可以在safari{…}中写入哪些属性,以便它检测为safari并显示navPanel?请帮忙 skel.init({ reset: 'full', breakpoints: { 'global': { range: '*', href: 'css/style.css' }, 'desktop': { range:

我的代码片段显示了上述断点的切换按钮 断点: ['mobile','1000px']

我需要在safari浏览器中显示切换按钮。我可以在safari{…}中写入哪些属性,以便它检测为safari并显示navPanel?请帮忙

skel.init({
    reset: 'full',
    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: '-737', href: 'css/style-mobile.css', containers: '100%', grid: { collapse: true, gutters: 10 }, viewport: { scalable: false }, 
        **'safari':       {}}**
    },
    plugins: {
        layers: {
            navPanel: {
                hidden: true,
                breakpoints: ['mobile','1000px'],
                position: 'top-left',
                side: 'left',
                animation: 'pushX',
                width: '80%',
                height: '100%',
                clickToClose: true,
                html: '<div data-action="navList" data-args="nav"></div>',
                orientation: 'vertical'
            },
            titleBar: {
                breakpoints: ['mobile','1000px'],
                position: 'top-left',
                side: 'top',
                height: 44,
                width: '100%',
                html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span><span class="title" data-action="copyHTML" data-args="logo"></span>'
            }
        }
    }
});