uni-app移动端开发中ios安卓--坑和经验总结
1、 ios new时间对象，需要⽤逗号隔开传⽇期的⽅式，不⽀持 new Date('2019-03-01 08:00:00') 格式；
⽀持以下两种⽅式：
2、 ios个别版本对fixed的属性的⽀持性不好，需要⽤absolute替代；
3、 input 的 placeholder会出现⽂本位置偏上的时候
input 的placeholder会出现⽂本位置偏上的情况：PC端设置line-height等于height能够对齐，⽽移动端仍然是偏上，解决是设置line-height：normal
4、在开发号时候 Android和ios下点击返回键会直关闭页⾯对⽤户交互效果很不好，所以要⽤js控制下返回键返回到⾃⼰要去的页⾯：
window.addEventListener("popstate", function(e) {
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
pushHistory();
5、安卓浏览器看背景图⽚，有些设备会模糊。
⽤同等⽐例的图⽚在PC机上很清楚，但是⼿机上很模糊，原因是什么呢？
经过研究，是devicePixelRatio作怪，因为⼿机分辨率太⼩，如果按照分辨率来显⽰⽹页，这样字会⾮常
⼩，所以苹果当初就把iPhone 4的960640分辨率，在⽹页⾥只显⽰了480320，这样devicePixelRatio＝2。现在android⽐较乱，有1.5的，有2的也有3的。让图⽚在⼿机⾥显⽰更为清晰，必须使⽤2x的背景图来代替img标签（⼀般情况都是⽤2倍）。例如⼀个div的宽⾼是100100，背景图必须得200200，然后background-size:contain;，这样显⽰出来的图⽚就⽐较清晰了。
代码如下：
background:url(../images/icon/all.png) no-repeat center center;
-webkit-background-size:50px 50px;
background-size: 50px 50px;display:inline-block; width:100%; height:50px;
或者指定 background-size:contain；都可以，⼤家试试！
6、禁⽌复制、选中⽂本
Element {
-webkit-user-select: none;
-
moz-user-select: none;
flutter uniapp 哪个好
-khtml-user-select: none;
user-select: none;
}
7、设置缓存
<meta http-equiv="Cache-Control" content="no-cache" />
⼿机页⾯通常在第⼀次加载后会进⾏缓存，然后每次刷新会使⽤缓存⽽不是去重新向服务器发送请求。如果不希望使⽤缓存可以设置no-cache。
8、长时间按住页⾯出现闪退
element {
-webkit-touch-callout: none;
}
9、移动端禁⽌图⽚长按和点击img标签放⼤图⽚。
img{ pointer-events: none; }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。