android2.3平台上web页面(html5中使用frame)不能滑动的解决方法

最新推荐文章于 2023-04-27 14:59:49 发布

wuruixn

最新推荐文章于 2023-04-27 14:59:49 发布

阅读量8.8k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/wuruixn/article/details/8591989

版权

在Android 2.3设备上，使用HTML5的frame技术会导致页面无法滑动。通过引入viewport元标签，设置`width=device-width`, `user-scalable=yes`, `minimum-scale=0.4`, `initial-scale=0.8`, `target-densitydpi=low-dpi`，解决了滑动问题。viewport允许开发者控制移动设备上的视口大小和缩放，使得不同分辨率和尺寸的设备能适配网页。此外，文章讨论了viewport在iOS和Android设备上的不同表现和设置技巧。" 77152662,5519239,递归与分治策略：贷款问题与最大值最小化,"['递归与分治', '算法竞赛入门', '数学建模']

摘要由CSDN通过智能技术生成

问题描述

web页面采用html5技术实现，在系统登录页面中使用frameset、frame来嵌套另一个页面，结果当android2.3移动设备访问该页面时触摸屏不能上下滑动页面。

解决方法

1.首先将该页面简单化，去掉frame相关标签，结果可以滑动页面，但是根据系统设计需要，frame相关标签不能去掉；

2.折腾很久未果，最后发现代码里有viewport的注释痕迹，于是尝试使用html5的viewport，查找viewport的使用方法，并根据需要适当修改其中的一些参数如下，结果很令人满意，问题解决了。

viewport 语法介绍：

<!– html document –>

<meta name=”viewport”

content=”

height = [pixel_value | device-height] ,

width = [pixel_value | device-width ] ,

initial-scale = float_value ,