扯蛋

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

    :mrgreen: :mrgreen: :mrgreen:

  2. 板凳
    andy 2013-09-26 02:16

    测试ajax评论

  3. 地板
    Louis Han 2013-09-25 16:52

    老是在玩技术路线

  4. 4 楼
    Leniy 2013-09-25 08:11

    要放假,就过手头有个项目要做

  5. 5 楼
    麦田一根葱 2013-09-24 09:51

    貌似IE78对!important不认识

  6. 6 楼
    博君一笑 2013-09-24 00:59

    我准备撑到年底,然后,每天都是礼拜六O(∩_∩)O哈哈~

  7. 7 楼
    博君一笑 2013-09-24 00:40

    继续等放假

  8. 8 楼
    神父 2013-09-23 15:07

    果然很扯。。。

  9. 9 楼
    大喇叭 2013-09-23 14:04

    出个细点的教程讲下那个微博好么…没有搞起来…

    • 回复
      andy 2013-09-24 00:42
      @大喇叭 @大喇叭 : 微博教程请参考 http://fatesinger.com/3106.html
      • 回复
        大喇叭 2013-09-24 10:03
        @andy @andy : 其实我就是用的这个教程...但是太本了》。。没有搞起来》。。
        • 回复
          andy 2013-09-24 12:25
          @大喇叭 @大喇叭 : 可以把那个微博模板页面发我看下嘛QQ:80409755
  10. 10 楼
    天长地久 2013-09-23 13:25

    你们都是能放假的孩子

    步子迈的太大

    扯到蛋了