修复一部分样式

This commit is contained in:
muzi_ys 2018-12-23 19:44:24 +08:00
parent b888d4c9be
commit d2f60653ac
3 changed files with 103 additions and 14 deletions

View File

@ -513,10 +513,7 @@ body {
}
#win10_btn_group_middle .btn.active{
/* background: #F6F6F6; */
-webkit-box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.8);
box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.8);
background: rgba(255,255,255,0.6);
}
#win10_btn_group_middle .btn:hover{
@ -900,7 +897,7 @@ body {
#win10-menu .list{
padding-left: 2px;
position: absolute;
width: calc(100% - 31px);
width:100%;
left: 0;
top: 0;
@ -913,6 +910,10 @@ body {
clear: both;
}
#win10-menu .list .item, .sub-item{
width: 100%;
}
#win10_btn_time{display: none}
#win10-menu-switcher{
display: none;
@ -927,11 +928,101 @@ body {
width: 32px;
}
#footer{
bottom:0;
bottom:10px;
}
/*#footer .dock{
width: 100%;
border-radius: 0px;
}*/
}
@media (min-width: 1281px) {
//CSS
}
/*
##笔记本或PC
##1025px - 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
}
/*
##平板电脑/Ipad竖屏
##768px - 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
#footer{
bottom:10px;
}
#footer .dock{
border-radius: 8px;
}
}
/*
##平板电脑或Ipad横屏
##768px - 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#footer{
bottom:6px;
}
#footer .dock{
border-radius: 6px;
}
}
/*
##低分辨率的平板电脑或横屏的手机
##481px - 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
#footer{
bottom:6px;
}
#footer .dock{
border-radius: 6px;
-webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
}
}
/*
##多数竖屏的智能手机
##320px - 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
#footer{
bottom:0px;
}
#footer .dock{
width: 100%;
border-radius: 0px;
-webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
}
#win10-menu .list .item, .sub-item{
width: 100%;
}
}

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>mac桌面</title>
<link rel='Shortcut Icon' type='image/x-icon' href='./macimg/apple.ico'>
<link rel='Shortcut Icon' type='image/x-icon' href='./img/favicon.ico'>
<script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
<link href="./css/animate.css" rel="stylesheet">
<script type="text/javascript" src="./component/layer-v3.0.3/layer/layer.js"></script>
@ -44,7 +44,7 @@
shade:0,
skin:'win10-open-iframe',
offset: 'rb',
content: '//win10ui.yuri2.cn/src/broadcast.html'
content: './broadcast.html'
})
},2000)
});

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>mac桌面</title>
<link rel='Shortcut Icon' type='image/x-icon' href='./macimg/apple.ico'>
<link rel='Shortcut Icon' type='image/x-icon' href='./img/favicon.ico'>
<script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
<link href="./css/animate.css" rel="stylesheet">
<script type="text/javascript" src="./component/layer-v3.0.3/layer/layer.js"></script>
@ -30,7 +30,6 @@
'animated flip',
'animated bounceIn',
], 0.01);
setTimeout(function () {
Win10.newMsg('推荐全屏', '按下F11全屏以达到最佳视觉效果(点击进入)',function () {
Win10.enableFullScreen();
@ -45,11 +44,10 @@
shade:0,
skin:'win10-open-iframe',
offset: 'rb',
content: '//win10ui.yuri2.cn/src/broadcast.html'
content: './broadcast.html'
})
},2000)
});
</script>
</head>
<body>