HTML 单页全屏显示的问题

Napoleonqin 发布于 2016/03/04 10:18
阅读 480
收藏 0

大家好,最近学习上遇到了一些问题,希望各路大神能解答疑惑,先谢谢了。

我在写一个单页的文档,类似于百度首页的的那种搜索框,那个页面的网址是http://drink1234.com/。现在的问题就是当我使用手机进入到这个页面的时候,打开输入法,输入法的整个的体积会将我的页面挤压到很小的版块(UC不是),看起来很不美观,我想解决这个问题,想让手机输入法不在对我的页面任何元素造成结构性破坏,我应该怎么做?

我试着用两种方法来解决过,不过都有些不能治根,1、在CSS文档中有如此定义:html{height:100%;margin:0px;}  body{height:100%;margin:0px;}    /*这样的话的确在初始化加载之后会让整个页面全屏,不过在百度、华为浏览器上一打开输入法就会出现结构上的混乱。*/

2、使用JavaScript来实现全屏:在使用js的时候,我在css文档中并没有添加第一种方法所使用的代码,而是直接使用window.innerHeight来获取初始化的时候的浏览器窗口的高度并赋值给body,不过这样的话貌似也不管用。

以上就是我的个人的疑惑,希望您能为我解答,再次感谢。

加载中
返回顶部
顶部