手机浏览器可视窗口大小与手机屏幕大小不一样,如何解决?

来源:

杨洋1989

2016-06-02

因为手机浏览器大多有导航栏,工具栏等,导致显示内容的窗口小于手机屏幕大小,所以在手机上测试时,会出现如图的状况。这应该是由于导航栏的出现使有效屏幕高度减少而宽度不变导致的,我将相关元素宽高值设置成百分数形式,仍无法解决。真实项目开发时如何解决这样的问题?

http://szimg.mukewang.com/575018260001154807201280.jpg

写回答

1回答

远人

2016-11-29

如果是高度的问题 ,要根据设备来设置绝对定位的位置。一般来说高度不存在适配的问题,如果被浏览器边栏干扰了 ,就要根据不同的浏览器进行调试

0
0

HTML5独立开发书城Web App

最前沿前端技术精讲, HTML5 、Vue.js 、Koa 、zepto 综合运用

3387 学习 · 685 问题

查看课程