扯蛋

据说,很多人,这一周就一件事。。。等放假!
经常来的人都知道本博客主题使用是大发的,不过自己扒了一些功能到上面。下午无聊,就琢磨给主题在手机视图上加个菜单,于是就参照大发的优雅的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}
}

这样一改有觉得页面不好看,纠结....

评论 ( 54)
  1. avatar
    沙发
    沫沫坑 2013-12-02 10:45

    我发觉Adblock居然屏蔽了gravatar

  2. avatar
    板凳
    两天 2013-10-29 12:33

    不明觉厉