【问题标题】:Fit Screen Android WebApp (avoid horizontal Scroll)适合屏幕 Android WebApp(避免水平滚动)
【发布时间】:2012-03-15 22:45:54
【问题描述】:

我正在尝试解决我的网络应用程序中的一个问题,我想避免水平滚动(只允许向下滚动)

我添加了这个标签以避免它在 IOS 浏览器中并且可以正常工作,但在 Android 浏览器中则不行......

<meta name = "Viewport" content = "maximum-scale=1, width=device-width,  maximum-scale=1.0; user-scalable=0" >

【问题讨论】:

    标签: javascript android html css web-applications


    【解决方案1】:

    确保你的 body 有 100% 的宽度,并且没有孩子的固定宽度高于屏幕水平分辨率。

    除此之外,头部中的这个元标记应该足够了:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    

    【讨论】:

      【解决方案2】:

      你可以使用:

      webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
      

      【讨论】:

      • 我认为在基于 html 的 web 应用程序上不起作用,更像是原生应用程序,对吧?
      • 我想是的,您是否尝试过调整 webview 的大小以匹配父级 intead 包装内容?
      • 嗯,不,我没有尝试过,是一个普通的网站,旨在修复 320 像素以下,仅此而已,但出于任何原因,如果您将其向左或向右滚动,它会拖动所有页面我想要避免这种情况。
      猜你喜欢
      • 2014-11-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多