移动设备页面高度不足时min-height 的尴尬处理
2015-07-27 11:33
351 查看
移动设备页面高度不足时min-height 的尴尬处理
在做html5的页面时,经常遇到页面内容太少撑不起来整个手机屏幕的高度。
我们经常使用min-height来处理,比如min-height:568px; 对应的是iPhone5 的高度;
而这样iPhone6plus下方就会出现空白。
而如果设置 min-height:736px; iPhone5的话就会出现滚动条;
此时我们可以使用
把min-height 干掉 就适应任何屏幕100%高度啦。
在做html5的页面时,经常遇到页面内容太少撑不起来整个手机屏幕的高度。
我们经常使用min-height来处理,比如min-height:568px; 对应的是iPhone5 的高度;
而这样iPhone6plus下方就会出现空白。
而如果设置 min-height:736px; iPhone5的话就会出现滚动条;
此时我们可以使用
position:absolute; left:0; right:0; top:0; bottom:0;
把min-height 干掉 就适应任何屏幕100%高度啦。
相关文章推荐
- 2015 Multi-University Training Contest 1 /hdu 5289 Assignment -树状数组
- refresh的停车场
- Unable to execute dex: Multiple dex files define 解决方法
- LeetCode 24 Swap Nodes in Pairs
- 设计模式六大原则
- OpenCV Save CvRect to File 保存CvRect变量到文件
- IIS6修改ASP上传文件200K限制
- Android Studio如何导入Library工程,并实时更新
- 动态规划-钢条切割《算法导论》
- 有关struts.xml的地址和中文编码乱码问题
- wireshark 过滤规则
- EditText设置光标位置问题
- dubbo总结(1)——关于我和dubbo
- Apache与Nginx的优缺点比较
- Nginx学习之:上传碰到“413”错误
- iScroll.js 用法参考
- php实现输出数组全排列
- cocos2dx中的事件分发机制
- Android调用WebService系列之KSoap2对象解析
- QT程序退出后托盘图标不消失问题