据说,很多人,这一周就一件事。。。等放假!
经常来的人都知道本博客主题使用是大发的,不过自己扒了一些功能到上面。下午无聊,就琢磨给主题在手机视图上加个菜单,于是就参照大发的优雅的wordpress菜单一步一步操作,一切操作完后,用手机访问,没有达到预期的效果;于是把修改过的地方全部改过来了,结果发现在缩放浏览器窗口时发现侧边栏不会消失(响应式布局),仔细检查修改过代码发现没有问题,于是看了下css
@media screen and (max-width:960px){ #wrapper{margin:0!important} .fluid{margin-right:0!important} .single-content{margin-right:0!important} #wpsidebar{display:none} .pojshow{width:436px!important} }
试了下在#wpsidebar后面加上!important,居然有OK了
#wpsidebar{display:none!important}
好奇的是css没变啊,怎么突然会失效了,召唤大发
PS 1:关于!important假如我们定义一个这样的样式:
#box{background-color: #ffffff !important; background-color: #000000;}
那么在支持该语法的浏览器,如Firefox、Opera中,能够理解!important的优先级,背景显示#ffffff颜色,而在IE中则显示#000000.
PS 2:其实一直觉得这个主题有点过窄,于是在css中添加了一下代码
@media screen and (min-width:1280px){ #wrapper{max-width:1130px} }
这样一改有觉得页面不好看,纠结....
我发觉Adblock居然屏蔽了gravatar
不明觉厉