wptk后台菜单程序之CSS

有些许蛋疼的玩法:将Wordpress后台菜单中的Posts(文章)改为Article。

    /**  
     * Change the post menu to article  
     */  
    function change_post_menu_text() {   
      global $menu;   
      global $submenu;   
      
      // Change menu item   
      $menu[5][0] = 'Articles';   
      
      // Change post submenu   
      $submenu['edit.php'][5][0] = 'Articles';   
      $submenu['edit.php'][10][0] = 'Add Articles';   
      $submenu['edit.php'][16][0] = 'Articles Tags';   
    }   
      
    add_action( 'admin_menu', 'change_post_menu_text' );
因为苹果的Safari浏览器会凑整数,所以,如果你愿意,可以直接写上63%。

做了上述定以后,现在是1em=10px了,这样算就简单多了。可是还是有问题!这一段的前面已经说了,em是个相对单位,糟糕的是,它相对的是它的父节点,也就是说,在螺杆泵整个HTML页面内,1em的大小很可能是不同大小的,这是很麻烦的!

没有关系,CSS3引入了一个rem单位,更好的消息是Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+ 等主流的浏览器版本都支持了这个单位了!只是可怜的IE6-8悲剧了!
3.rem(root-em)

1em大小的计算是基于父级节点的,在实际使用中很麻烦,rem几乎是彻底解决了螺杆泵这个问题!

    html{font-size:62.5%; /* 10÷16=62.5% */}   
    body{font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */}   
    p{font-size:14px;font-size:1.4rem;}  http://www.hljjj.gov.cn/

 

还写px是为了兼容那些还不理解rem单位的浏览器,优雅降级,px单位写在前面的原因你懂的!

posted @ 2014-04-02 11:23  lanhe  阅读(467)  评论(0编辑  收藏  举报
数据中心