leozengtao / mobile-awesome Goto Github PK

• window.devicePixelRatio = 物理像素 / dips (设备独立像素)  

• img 一定要设置 width 和 vertical

img {
  vertical-align: middle;
  width: 100%;
}

• 当包含 input 的父容器设置 transform: translate(-50%, -50%) 时, input 有可能无法弹出输入法;

div.parent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

当前解决办法: 改用 flex 布局来设置垂直水平居中

• 在调用微信的 JS-SDK 时, 一定要设置 link 属性, 否则 JS-SDK 会不生效

• a input button 标签在移动端需要设置触摸高亮隐藏

a, input, button {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

• 在 ios 设备, screen.width * window.devicePixelRatio 得到的是物理像素值

• 在 android 以及 windows phone 设备, screen.width 除以 window.devicePixelRatio 得到的是设备独立像素值 (dips)

• 需要同时获得整数和小数点为 .5 结尾的技巧

let score = Math.floor(score * 2) / 2