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:' } } } });
我的代码片段显示了上述断点的切换按钮 断点: ['mobile','1000px'] 我需要在safari浏览器中显示切换按钮。我可以在safari{…}中写入哪些属性,以便它检测为safari并显示navPanel?请帮忙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:
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>'
}
}
}
});