由于原本主题的边栏实在是太不起眼了,以至于访客基本都无视掉了它,我决定在一定条件下让它自己显示在那里而不是要人点了才出现。
我不想让它在任何时候出现在文章的文档流,因为这货真的太长了。。。
修改以后除了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
本站文章未经文下加注授权不得拷贝发布。