js处理移动端有虚拟按键影响页面布局的处理方法

//针对移动端有虚拟按键导致高度短影响整个页面的布局给予滚动条处理

function set_screen(wrap){

var s_height = document.body.clientHeight;
var s_width = document.body.clientWidth;
var proportion = s_height/s_width;
if(proportion<1.55){
var max_warp = document.querySelector(wrap);
max_warp.style.height = "37.55" + "rem";
document.ontouchmove = function(e){

}
}

}

set_screen(“.wrap”);

js处理移动端有虚拟按键影响页面布局的处理方法相关推荐

用js来判断用户端浏览器（判断QQ浏览器、谷歌浏览器）方法
用js来判断用户端浏览器(判断QQ浏览器.谷歌浏览器)方法 function getBrowserInfo(){ var ua = navigator.userAgent.toLocaleLowerC ...
解决华为手机虚拟按键遮挡页面底部tab栏的问题
谷歌原生,华为之类的虚拟按键遮挡页面底部RadioButton之类的问题. if (AndroidWorkaround.checkDeviceHasNavigationBar(this)) { //适 ...
h5页面键盘弹出影响页面布局（兼容）
其实弹框之所以影响页面布局,我碰到的一般都是因为页面时position:fixed时,键盘一弹出,布局就乱了,我的解决方案是,首先就是把fixed尽可能的改成其他的,接着监听窗口大小变化事件,然后处理 ...
html禁止页面左右滑动,js阻止移动端默认事件以及只阻止横向滚动事件方法
js阻止移动端默认事件,是在相关的touch事件的时候利用event.preventDefault();来阻止默认滚动行为,但是如果要实现阻止横向滚动行为而不阻止竖向滚动行为就要写一个方法通过手指滑动 ...
移动端h5开发,华为手机输入法键盘影响页面布局的问题。
在做移动端h5的时候,有些简单的页面,我们一般都会给body写上: width:100%; height:100%; 然后给一个满屏的背景图,简单方便的适应不同屏幕的手机. 有时候为了采集用户信息,页 ...
移动端、微信小程序页面布局参考
转自:阮一峰的网络日志自己手写移动端页面的时候,可参考大佬的这两篇文章.看完之后对页面布局非常有帮助.文章如下: Flex 布局教程:语法篇网址:http://www.ruanyifeng.co ...
js判断访问端，跳转不同页面
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobil ...
影响页面布局的css属性,6 和页面布局有关的CSS属性（三）
6 和页面布局有关的CSS属性(三) 03.png 04.png 05.png #box { /* 声明ID选择器,名称为box */ position:absolute; /* 设置层的定位为绝对定 ...
Android实现隐藏手机底部虚拟按键
现在的手机比较流行底部带虚拟按键,比如华为.nexus,一般情况下对开发一个APP没啥影响,但是不一般情况下就会有影响的,比如全屏录像功能, 用简单的方法直接获取camera支持的手机屏幕分辨率然后用 ...

js处理移动端有虚拟按键影响页面布局的处理方法

js处理移动端有虚拟按键影响页面布局的处理方法相关推荐

最新文章

热门文章