码迷,mamicode.com
首页 > Web开发 > 详细

css之坑

时间:2016-05-27 18:15:41      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

1、background-size要放在background后边才会生效。

2、隐藏滚动条,内容可以滑动

body::-webkit-scrollbar {
  display: none
 /* 隐藏滚动条,但依旧具备可以滚动的功能 */
}

3、导航栏固定

position: fixed;
top:0px;
//bottom: 0;//固定在底部

在中间部分相对定位,就不会消失  

4、rem 是相对于根元素计算的,rem值=当前px除以根元素。如:根元素为16px,需要一个18px的字体,只要18/16=1.125rem.

  

(function () {
      var t;
      function initHtmlFont(){
          var maxWidth = 640;
          var html = document.documentElement;
          var windowWidth = html.clientWidth;
            var windowWidth = html.clientWidth>maxWidth?maxWidth:html.clientWidth;
         
          html.style.fontSize?=?(windowWidth/640)*200+‘px‘;  
      }
      window.onresize = function(){
        clearTimeout(t);
        t = setTimeout(initHtmlFont,250);
      }
      document.addEventListener(‘DOMContentLoaded‘, function () {
        initHtmlFont();
      }, false);
    })();

  

css之坑

标签:

原文地址:http://www.cnblogs.com/qing1304197382/p/5526843.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!