css 疑难

css　margin　塌陷的

body 元素下的第一个标签，如果设置了margin-top的值，发现整个body 都有margin-top的值了。　
html,body{height:100%} 这个代码，比较有用。　
这个博客有比较详细的介绍：

https://www.cnblogs.com/wangjiaojiao/p/4659429.html

CSS:line-height:150%与line-height:1.5的真正区别是什么？
参见：　https://www.zhihu.com/question/20394889

[data-dpr="2"] 用法

正确用法：

[data-dpr="2"] .dropload-up,[data-dpr="2"] .dropload-down {
font-size: 24px;
}

错误用法：

[data-dpr="2"] .dropload-up, .dropload-down {
font-size: 24px;
}

.dropload-down 是没有[data-dpr="2"]的效果的。

ss3属性column知多少

http://www.cnblogs.com/xinjie-just/p/5953386.html

自己在手机端 设定 网页顶部的专题栏的宽度

.tab .item {
  display: inline-block;
  flex-wrap: nowrap;
  text-align: center;
  color: #333;
  height: pxTorem(42px);
  text-decoration: none;
  /*overflow: scroll;*/
  // 间隙自己设置， margin控制无效的
  // margin: 1px;
  @include font-dpr(12px, 42px);
  //width: 100%;
  width: 3rem;
  //background-color: yellow;
  white-space: nowrap;
  flex: auto;
}

.tab .item 的 父元素指定：

column-rule-color: rgb(192, 56, 78);
  -webkit-column-rule-color: rgb(192, 56, 78);
  column-rule-width: .2rem;
  -webkit-column-rule-width: .2rem;
  column-rule-style: solid;
  -webkit-column-rule-style: solid;