扯蛋

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

    请问一下你这个底部是怎么弄出来的啊,大发最新的版本好像没有这个底部吧

    • 回复
      andy 2013-10-25 03:07
      @菜贩儿 因为我用的是PressCore主题,lite版的去掉了
  2. 板凳
    创意生活馆 2013-10-12 13:59

    好专业噢

  3. 地板
    一念花开 2013-10-09 11:09

    有很久没有折腾主题了,费事费力伤神。

  4. 4 楼
    Aivier 2013-10-05 07:48

    fatesinger的主题?你这底部的实验室链接是个坑啊。。。

  5. 5 楼
    MurphyL 2013-10-04 16:56

    表示对前段的东西真心不是很了解…以后多向你学习了~~

  6. 6 楼
    诗简苒 2013-10-04 05:50

    好复杂的赶脚……

  7. 7 楼
    灵异事件 2013-10-04 05:25

    好文!等待下一篇!

  8. 8 楼
    蚊哥's Blog 2013-10-03 12:46

    我要是也会折腾CSS该多好 😥

  9. 9 楼
    kn007 2013-10-03 12:34

    没心情追求响应式了

  10. 10 楼
    牛逼思维 2013-10-03 09:34

    不要超过1024,反正遵循一些尺寸是必要的,久了你会逐渐感觉到