我在挪动web开辟中碰到的种种题目

2024年5月7日 202次阅读 来源: 黒之染

安卓web app中有横向转动（程度转动）的需求时，有时刻不能横向转动？（在pc和ios中都能流畅地滚）

现在（2015年8月3日15:02:24）在大部分安卓手机都发明这个题目，触发bug的前提知道了，然则缘由未知。触发bug的前提是须要横向转动的层不能位于纵向转动不是body的层下面（背面有详细诠释）。

<div style="width: 300px;height: 500px;overflow: auto;">
    <ul style="overflow-x: auto;white-space: nowrap;">
        <li>我是横向转动的笔墨，</li>
        <li>我是横向转动的笔墨，</li>
        <li>我是横向转动的笔墨，</li>
        <li>我是横向转动的笔墨，</li>
        <li>我是横向转动的笔墨，</li>
        <li>我是横向转动的笔墨，</li>
        <li>我是横向转动的笔墨，</li>
    </ul>
    <p style="height: 1000px;background-color: black"></p>
</div>

如上html，如果把div的height: 500px;overflow: auto;去掉，纵向转动的层是body，此时是一般的，安卓中ul能一般地摆布转动。然则当加上它们以后，此时纵向转动的层变成了div,这时刻再来拖动ul发明它不能横向转动了！（但我发明一个新鲜的征象，同样是有横向转动的弹窗，只需关掉再翻开弹窗，就能够一般地横向转动了，不须要在纵向转动层为body的情况下也行）

解决方法：1、让转动的层变回body就好了。2、保证数据量不会形成纵向转动也行。
然则做web app，不能保证常常都能直接用body作为转动层的，尤其是在弹窗中的时刻，叨教有更好，不运用js的解决方法吗？

div包着img时，div的高度愿望自适应到与img一样？

由于img是inline的，只需把img设置为block就行

div包着input时，div的高度愿望自适应到与input一样？（pc中不会，手机中会）

须要给input一个牢固高度

li个li之间总是有闲暇？

本来：
<li><span>内容</span></li>
<li><span>内容</span></li>
<li><span>内容</span></li>

解决方法1：
<li><span>内容</span></li><!--
--><li><span>内容</span></li><!--
--><li><span>内容</span></li>

解决方法2：
<li><span>内容</span>
</li><li><span>内容</span>
</li><li><span>内容</span></li>
    原文作者：黒之染
    原文地址: https://segmentfault.com/a/1190000002490124
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞