mobile_音悦台

音悦台

• less 可以 width = 1080/67.5rem;

• /**** 变量定义 ****/
  @px: 67.5rem;
  
  /**** Start ****/
  #wrap {
      width: 100%;
      height: 100%;
      
      background-color: #eee;
      #content {
          width: 1080/@px;
          height: 135/@px;
          
          background-color: #96b377;
      }
  }

 

• Logo 用 h1 和 a 包裹

 

• 移动端的 点击元素 大多使用 <a> 模拟

 

• 移动端 默认有 a元素的高亮 设置成 透明色 

• a {
      -webkit-tap-hightlight-color: rgba(0, 0, 0, 0);
  }

 

• 两个 input 之间有缝 的 2 个解决方法

1. 父元素 font-size: 0;
2. float: left;

 

• 封装原生 js 操作 class
• 2

 

• 因为阻止冒泡，所有的 document 事件都不会执行，此时，补一个 e.preventDefault();

 

2

2

2

2