-
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