成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

我在移動(dòng)web開發(fā)中遇到的各種問題

why_rookie / 2610人閱讀

摘要：安卓中有橫向滾動(dòng)水平滾動(dòng)的需求時(shí)，有時(shí)候不能橫向滾動(dòng)在和中都能流暢地滾目前年月日在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問題，觸發(fā)的條件知道了，但是原因未知。

  
安卓web app中有橫向滾動(dòng)（水平滾動(dòng)）的需求時(shí)，有時(shí)候不能橫向滾動(dòng)？（在pc和ios中都能流暢地滾）

目前（2015年8月3日15:02:24）在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問題，觸發(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í)再來拖動(dòng)ul發(fā)現(xiàn)它不能橫向滾動(dòng)了?。ǖ野l(fā)現(xiàn)一個(gè)奇怪的現(xiàn)象，同樣是有橫向滾動(dòng)的彈窗，只要關(guān)掉再打開彈窗，就可以正常地橫向滾動(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)問有更好，不使用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之間總是有空隙？


原來：

  • 內(nèi)容
    • 

  • 內(nèi)容
    • 

  • 內(nèi)容
    • 

解決方法1：

  • 內(nèi)容
  • 內(nèi)容
  • 內(nèi)容
    • 

解決方法2：

  • 內(nèi)容

  • 內(nèi)容

  • 內(nèi)容
    •

    文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111015.html

    相關(guān)文章

    • 我在移動(dòng)web開發(fā)中遇到的各種問題

      摘要：安卓中有橫向滾動(dòng)水平滾動(dòng)的需求時(shí)，有時(shí)候不能橫向滾動(dòng)在和中都能流暢地滾目前年月日在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問題，觸發(fā)的條件知道了，但是原因未知。 安卓web app中有橫向滾動(dòng)（水平滾動(dòng)）的需求時(shí)，有時(shí)候不能橫向滾動(dòng)？（在pc和ios中都能流暢地滾） 目前（2015年8月3日15:02:24）在大部分安卓手機(jī)都發(fā)現(xiàn)這個(gè)問題，觸發(fā)bug的條件知道了，但是原因未知。觸發(fā)bug的條...

      caozhijian 評(píng)論0 收藏0

    • 移動(dòng)web開發(fā)問題和優(yōu)化小結(jié)

      摘要：如何讓我們所開發(fā)的手機(jī)頁面能有更好的交互體驗(yàn)，就是這篇文章的主旨移動(dòng)開發(fā)問題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說明，我引用葉小釵大神博客里面的一張圖片，如下在手機(jī)上，的延遲將近。 1.前言 到目前為止，互聯(lián)網(wǎng)行業(yè)里，手機(jī)越來越智能化，移動(dòng)端占有的比例越來越高，尤其實(shí)在電商，新聞，廣告，游戲領(lǐng)域。用戶要求越來越高，網(wǎng)站功能越來越好，效果越來越炫酷，這就要求我們產(chǎn)品質(zhì)量越來越高，web前端開...

      galaxy_robot 評(píng)論0 收藏0

    • 移動(dòng)web開發(fā)問題和優(yōu)化小結(jié)

      摘要：如何讓我們所開發(fā)的手機(jī)頁面能有更好的交互體驗(yàn)，就是這篇文章的主旨移動(dòng)開發(fā)問題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說明，我引用葉小釵大神博客里面的一張圖片，如下在手機(jī)上，的延遲將近。 1.前言 到目前為止，互聯(lián)網(wǎng)行業(yè)里，手機(jī)越來越智能化，移動(dòng)端占有的比例越來越高，尤其實(shí)在電商，新聞，廣告，游戲領(lǐng)域。用戶要求越來越高，網(wǎng)站功能越來越好，效果越來越炫酷，這就要求我們產(chǎn)品質(zhì)量越來越高，web前端開...

      ysl_unh 評(píng)論0 收藏0

    • HTML-CSS

      摘要：但是，從字體上來說雪碧圖制作，使用以及相關(guān)，圖文。由于采用了編譯，所以能夠保證在瀏覽器不支持標(biāo)準(zhǔn)布局的情況下，回滾到舊版本的，保證移動(dòng)設(shè)備中能呈現(xiàn)出一樣的布局效果。我不想陷入和的紛爭，但是有一件事是確定的極大的提升了移動(dòng)端 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問題：怎樣通過 CSS 簡單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開始學(xué)習(xí) CSS 的時(shí)候，看到 ...

      xiaokai 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <