移动网页..隐藏在智能手机控件后面的部分页面

Question

我有一个网页，就像一个应用程序.. 一切正常，但页面的某些部分隐藏在智能手机控件后面（我只猜Android设备） 在css中定义了

html, body{
width:100%;
height:100%;

margin:0px;

position:fixed;

overflow:scroll;
}

在html on meta我们有

<meta name='viewport' http-equiv="Content-Type" content="user-scalable=0; text/html; charset=utf-8"/>

问题是导致一些组件被修复并且一部分boddy在这个组件上滚动...比我需要具有视口大小的身体

有人可以帮忙吗？

Answer 1

你试过initial-scale=1吗？在<meta>代码中？

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

正如w3schools page所说：

  

<meta>视口元素为浏览器提供了有关如何控制页面尺寸和缩放的说明。

     

width=device-width部分将页面宽度设置为遵循设备的屏幕宽度（具体取决于设备）。

     

initial-scale=1.0部分设置浏览器首次加载页面时的初始缩放级别。