据说,很多人,这一周就一件事。。。等放假!
经常来的人都知道本博客主题使用是大发的,不过自己扒了一些功能到上面。下午无聊,就琢磨给主题在手机视图上加个菜单,于是就参照大发的优雅的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} }
这样一改有觉得页面不好看,纠结....
主题很好看哦
难得有这么一个长假,无论工作多么繁忙,该给自己一个借口休息下了。
祝站长国庆节快乐,工作顺利,一切顺心。
海棠果
我来签到啦。2013年9月30日 20:08:16
看来你召唤大发失败。。。
🙁 呜 把你修改的主题传我啦~
可以啊!这个主题真心不错。。我也下下来
一看就 头疼的代码~
喜欢这个主题,是这个吗?http://fatesinger.com/2645.html
你居然可以挂百度广告 😛
我现在写博客的原则之一就是——不折腾