From 6b4815ae7f85415be36e28ea055bf9caf32472bf Mon Sep 17 00:00:00 2001 From: Qiming zhao Date: Fri, 13 Jun 2014 16:07:04 +0800 Subject: [PATCH 1/3] Update android.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 几个android样式设置的坑 --- issues/android.md | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/issues/android.md b/issues/android.md index dd0c24b..5903e33 100644 --- a/issues/android.md +++ b/issues/android.md @@ -1,10 +1,14 @@ Andorid Issues ============== -

1. 三星I9100 (Android 4.0.4)不支持display:-webkit-flex这种写法的弹性布局,

-

但支持display:-webkit-box这种写法的布局,

-

相关的属性也要相应修改,如-webkit-box-pack: center;

-

移动端采用弹性布局时,建议直接写display:-webkit-box系列的布局

-
-

2. touchmove事件在Android部分机型(如LG Nexus 5 android4.4,小米2 android 4.1.1)上只会触发一次

-

解决方案是在触发函数里面加上e.preventDefault(); 记得将e也传进去。

-
+1. 三星I9100 (Android 4.0.4)不支持display:-webkit-flex这种写法的弹性布局. +但支持display:-webkit-box这种写法的布局, +相关的属性也要相应修改,如-webkit-box-pack: center; +移动端采用弹性布局时,建议直接写display:-webkit-box系列的布局 + +2. touchmove事件在Android部分机型(如LG Nexus 5 android4.4,小米2 android 4.1.1)上只会触发一次 +解决方案是在触发函数里面加上e.preventDefault(); 记得将e也传进去。 + +3. HTC Desire HD A9191 (Android 2.3.5) display:table-cell 元素上设置 position:relative 不起作用, +解决办法是只在 display:block 元素上设置 position:relative + +4. HTC Desire HD A9191 (Android 2.3.5) 为 display:none 元素通过添加 css class 设置的 display:block 无法起作用,解决办法是使用内联样式 `el.styls.display=‘block'`显示元素 From a20e74154ffb80f883e12d98cbc2c54dd95b668b Mon Sep 17 00:00:00 2001 From: Qiming zhao Date: Fri, 13 Jun 2014 16:56:57 +0800 Subject: [PATCH 2/3] Update android.md --- issues/android.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/issues/android.md b/issues/android.md index 5903e33..e78b3de 100644 --- a/issues/android.md +++ b/issues/android.md @@ -12,3 +12,6 @@ Andorid Issues 解决办法是只在 display:block 元素上设置 position:relative 4. HTC Desire HD A9191 (Android 2.3.5) 为 display:none 元素通过添加 css class 设置的 display:block 无法起作用,解决办法是使用内联样式 `el.styls.display=‘block'`显示元素 + +5. HTC Desire HD A9191 (Android 2.3.5) 显示遮罩层后调用`window.scrollTo` 滚动到顶不起作用,解决办法是先调用 `scrollTo`方法,再显示遮罩层 + From 9d7fe34a098151991c7ae02e27c3e6a02d40df67 Mon Sep 17 00:00:00 2001 From: Qiming zhao Date: Fri, 13 Jun 2014 17:01:22 +0800 Subject: [PATCH 3/3] Update android.md --- issues/android.md | 1 + 1 file changed, 1 insertion(+) diff --git a/issues/android.md b/issues/android.md index e78b3de..267214f 100644 --- a/issues/android.md +++ b/issues/android.md @@ -15,3 +15,4 @@ Andorid Issues 5. HTC Desire HD A9191 (Android 2.3.5) 显示遮罩层后调用`window.scrollTo` 滚动到顶不起作用,解决办法是先调用 `scrollTo`方法,再显示遮罩层 +![效果图](http://ww4.sinaimg.cn/thumbnail/6a53f589jw1ehcld89ikzj206o08wwf6.jpg)