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

在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的使用方法,并根据需要适当修改其中的一些参数如下,结果很令人满意,问题解决了。

<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />

viewport 语法介绍:

<!– html document –>
<meta name=”viewport”
content=”
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale  = float_value ,
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值