我正在构建一个响应式网站,其大部分内容都是在客户端创建的。原始HTML相当小而且“短”,但是随着内容的创建和添加,应用程序的整体高度也会增加。
我现在面临的问题是,在移动设备(iphone,ipad,Windows phone等)上,浏览器无法识别页面正在增长的事实,因此不会创建垂直滚动条作为内容增长。
在iOS设备上可以进行一些尴尬的滚动,但在Windows手机上,从我听说过没有滚动。
我该如何解决这个问题?我正在考虑为我的html身体设置最小高度。还有别的吗?
这是一个截图,因为你可以看到没有垂直滚动条,即使页面相当长。
该网站现在正在http://jobtorch.net/。
答案 0 :(得分:2)
您网页的body
未继承.maincontent
div的高度,因为您在所述div上使用绝对定位。 (body
的高度是移动浏览器用来识别“页面”滚动的高度。)
从position: absolute;
的CSS中删除.maincontent
,您应该没问题。