摘要:安卓中有橫向滾動(dòng)水平滾動(dòng)的需求時(shí),有時(shí)候不能橫向滾動(dòng)在和中都能流暢地滾目前年月日在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問(wèn)題,觸發(fā)的條件知道了,但是原因未知。
安卓web app中有橫向滾動(dòng)(水平滾動(dòng))的需求時(shí),有時(shí)候不能橫向滾動(dòng)?(在pc和ios中都能流暢地滾)
目前(2015年8月3日15:02:24)在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問(wèn)題,觸發(fā)bug的條件知道了,但是原因未知。觸發(fā)bug的條件是需要橫向滾動(dòng)的層不能位于縱向滾動(dòng)不是body的層下面(后面有具體解釋)。
- 我是橫向滾動(dòng)的文字,
- 我是橫向滾動(dòng)的文字,
- 我是橫向滾動(dòng)的文字,
- 我是橫向滾動(dòng)的文字,
- 我是橫向滾動(dòng)的文字,
- 我是橫向滾動(dòng)的文字,
- 我是橫向滾動(dòng)的文字,
如上html,如果把div的height: 500px;overflow: auto;去掉,縱向滾動(dòng)的層是body,此時(shí)是正常的,安卓中ul能正常地左右滾動(dòng)。但是當(dāng)加上它們之后,此時(shí)縱向滾動(dòng)的層變成了div,這時(shí)再來(lái)拖動(dòng)ul發(fā)現(xiàn)它不能橫向滾動(dòng)了!(但我發(fā)現(xiàn)一個(gè)奇怪的現(xiàn)象,同樣是有橫向滾動(dòng)的彈窗,只要關(guān)掉再打開(kāi)彈窗,就可以正常地橫向滾動(dòng)了,不需要在縱向滾動(dòng)層為body的情況下也行)
解決方法:1、讓滾動(dòng)的層變回body就行了。2、保證數(shù)據(jù)量不會(huì)造成縱向滾動(dòng)也行。
但是做web app,不能保證時(shí)時(shí)都能直接用body作為滾動(dòng)層的,尤其是在彈窗中的時(shí)候,請(qǐng)問(wèn)有更好,不使用js的解決方法嗎?
div包著img時(shí),div的高度希望自適應(yīng)到與img一樣?
因?yàn)閕mg是inline的,只要把img設(shè)置為block就行
div包著input時(shí),div的高度希望自適應(yīng)到與input一樣?(pc中不會(huì),手機(jī)中會(huì))
需要給input一個(gè)固定高度
li個(gè)li之間總是有空隙?
原來(lái):
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/111015.html
摘要:安卓中有橫向滾動(dòng)水平滾動(dòng)的需求時(shí),有時(shí)候不能橫向滾動(dòng)在和中都能流暢地滾目前年月日在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問(wèn)題,觸發(fā)的條件知道了,但是原因未知。 安卓web app中有橫向滾動(dòng)(水平滾動(dòng))的需求時(shí),有時(shí)候不能橫向滾動(dòng)?(在pc和ios中都能流暢地滾) 目前(2015年8月3日15:02:24)在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問(wèn)題,觸發(fā)bug的條件知道了,但是原因未知。觸發(fā)bug的條...
摘要:如何讓我們所開(kāi)發(fā)的手機(jī)頁(yè)面能有更好的交互體驗(yàn),就是這篇文章的主旨移動(dòng)開(kāi)發(fā)問(wèn)題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說(shuō)明,我引用葉小釵大神博客里面的一張圖片,如下在手機(jī)上,的延遲將近。 1.前言 到目前為止,互聯(lián)網(wǎng)行業(yè)里,手機(jī)越來(lái)越智能化,移動(dòng)端占有的比例越來(lái)越高,尤其實(shí)在電商,新聞,廣告,游戲領(lǐng)域。用戶要求越來(lái)越高,網(wǎng)站功能越來(lái)越好,效果越來(lái)越炫酷,這就要求我們產(chǎn)品質(zhì)量越來(lái)越高,web前端開(kāi)...
摘要:如何讓我們所開(kāi)發(fā)的手機(jī)頁(yè)面能有更好的交互體驗(yàn),就是這篇文章的主旨移動(dòng)開(kāi)發(fā)問(wèn)題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說(shuō)明,我引用葉小釵大神博客里面的一張圖片,如下在手機(jī)上,的延遲將近。 1.前言 到目前為止,互聯(lián)網(wǎng)行業(yè)里,手機(jī)越來(lái)越智能化,移動(dòng)端占有的比例越來(lái)越高,尤其實(shí)在電商,新聞,廣告,游戲領(lǐng)域。用戶要求越來(lái)越高,網(wǎng)站功能越來(lái)越好,效果越來(lái)越炫酷,這就要求我們產(chǎn)品質(zhì)量越來(lái)越高,web前端開(kāi)...
摘要:但是,從字體上來(lái)說(shuō)雪碧圖制作,使用以及相關(guān),圖文。由于采用了編譯,所以能夠保證在瀏覽器不支持標(biāo)準(zhǔn)布局的情況下,回滾到舊版本的,保證移動(dòng)設(shè)備中能呈現(xiàn)出一樣的布局效果。我不想陷入和的紛爭(zhēng),但是有一件事是確定的極大的提升了移動(dòng)端 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問(wèn)題:怎樣通過(guò) CSS 簡(jiǎn)單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開(kāi)始學(xué)習(xí) CSS 的時(shí)候,看到 ...
閱讀 2772·2021-11-19 11:30
閱讀 3057·2021-11-15 11:39
閱讀 1782·2021-08-03 14:03
閱讀 1984·2019-08-30 14:18
閱讀 2043·2019-08-30 11:16
閱讀 2148·2019-08-29 17:23
閱讀 2597·2019-08-28 18:06
閱讀 2533·2019-08-26 12:22