资讯专栏INFORMATION COLUMN

我在移动web开发中遇到的各种问题

why_rookie / 2595人阅读

摘要:安卓中有横向滚动水平滚动的需求时,有时候不能横向滚动在和中都能流畅地滚目前年月日在大部分安卓手机都发现这个问题,触发的条件知道了,但是原因未知。

  

安卓web app中有横向滚动(水平滚动)的需求时,有时候不能横向滚动?(在pc和ios中都能流畅地滚)

目前(2015年8月3日15:02:24)在大部分安卓手机都发现这个问题,触发bug的条件知道了,但是原因未知。触发bug的条件是需要横向滚动的层不能位于纵向滚动不是body的层下面(后面有具体解释)。

  • 我是横向滚动的文字,
  • 我是横向滚动的文字,
  • 我是横向滚动的文字,
  • 我是横向滚动的文字,
  • 我是横向滚动的文字,
  • 我是横向滚动的文字,
  • 我是横向滚动的文字,

如上html,如果把divheight: 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之间总是有空隙?

原来:
  • 内容
  • 内容
  • 内容
  • 解决方法1:
  • 内容
  • 内容
  • 内容
  • 解决方法2:
  • 内容
  • 内容
  • 内容
  • 文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

    转载请注明本文地址:https://www.ucloud.cn/yun/111015.html

    相关文章

    • 我在移动web开发遇到各种问题

      摘要:安卓中有横向滚动水平滚动的需求时,有时候不能横向滚动在和中都能流畅地滚目前年月日在大部分安卓手机都发现这个问题,触发的条件知道了,但是原因未知。 安卓web app中有横向滚动(水平滚动)的需求时,有时候不能横向滚动?(在pc和ios中都能流畅地滚) 目前(2015年8月3日15:02:24)在大部分安卓手机都发现这个问题,触发bug的条件知道了,但是原因未知。触发bug的条...

      caozhijian 评论0 收藏0
    • 移动web开发问题和优化小结

      摘要:如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨移动开发问题和优化小结。关于和鼠标事件的延迟说明,我引用叶小钗大神博客里面的一张图片,如下在手机上,的延迟将近。 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开...

      galaxy_robot 评论0 收藏0
    • 移动web开发问题和优化小结

      摘要:如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨移动开发问题和优化小结。关于和鼠标事件的延迟说明,我引用叶小钗大神博客里面的一张图片,如下在手机上,的延迟将近。 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开...

      ysl_unh 评论0 收藏0
    • HTML-CSS

      摘要:但是,从字体上来说雪碧图制作,使用以及相关,图文。由于采用了编译,所以能够保证在浏览器不支持标准布局的情况下,回滚到旧版本的,保证移动设备中能呈现出一样的布局效果。我不想陷入和的纷争,但是有一件事是确定的极大的提升了移动端 一劳永逸的搞定 flex 布局 寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 ...

      xiaokai 评论0 收藏0

    发表评论

    0条评论

    最新活动
    阅读需要支付1元查看
    <