由于原本主题的边栏实在是太不起眼了,以至于访客基本都无视掉了它,我决定在一定条件下让它自己显示在那里而不是要人点了才出现。
我不想让它在任何时候出现在文章的文档流,因为这货真的太长了。。。
修改以后除了chrome以外的浏览器看本站简直就是悲剧!
以下是裁决情况(配合多说评论框一起使用):
@media only screen and (min-width:1281px){
#page {
position: absolute !important;
left: 0em;
}
#colophon {
position:relative;
}
#ds-thread {
position: fixed !important;
right: 0em;
top: 0em;
overflow-y:auto;
overflow-x:hidden;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
}
}
@media only screen and (min-width:800px) and (max-width:1280px) {
#page {
max-width: 1000px;
position: relative !important;
}
#colophon {
position:relative;
}
#ds-thread {
position: relative !important;
background-color: rgba(255, 255, 255, 0);
}
}
@media only screen and (min-width:1281px) and (max-width:1359px) {
#page {
max-width: 75%;
width: 75%;
}
#ds-thread {
width: 25%;
}
}
@media only screen and(min-width:1359px) {
#sidebarbutton {
display:none;
}
#secondary {
position:fixed;
left:0px !important;
height:100%;
background-color: rgba(255,255,255,0.9);
z-index:0;
}
#page {
left:270px;
}
}
@media only screen and (min-width:1360px) and (max-width:1880px) {
#page {
right:20%;
}
#ds-thread {
width: 20%;
}
}
@media only screen and (min-width:1881px) {
#page {
right:30%;
}
#ds-thread {
width: 30%;
}
}
本文发布于 https://luojia.me
本站文章未经文下加注授权不得拷贝发布。