移动设备页面高度不足时min-height的尴尬处理_html/css

来源：动视网责编：小采时间：2020-11-27 16:01:49

移动设备页面高度不足时min-height的尴尬处理_html/css

移动设备页面高度不足时min-height的尴尬处理_html/css_WEB-ITnose:在做html5的页面时，经常遇到页面内容太少撑不起来整个手机屏幕的高度。我们经常使用min-height来处理，比如min-height:568px; 对应的是iPhone5 的高度；而这样iPhone6plus下方就会出现空白。而如果设置 min-height:736px; iPhon

推荐度：

点击下载本文 文档为doc格式

导读移动设备页面高度不足时min-height的尴尬处理_html/css_WEB-ITnose:在做html5的页面时，经常遇到页面内容太少撑不起来整个手机屏幕的高度。我们经常使用min-height来处理，比如min-height:568px; 对应的是iPhone5 的高度；而这样iPhone6plus下方就会出现空白。而如果设置 min-height:736px; iPhon

在做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%高度啦。

移动设备页面高度不足时min-height的尴尬处理_html/css

推荐度：

点击下载本文 文档为doc格式

标签：页面 html 高度

热门焦点

移动设备页面高度不足时min-height的尴尬处理_html/css

移动设备页面高度不足时min-height的尴尬处理_html/css

移动设备页面高度不足时min-height的尴尬处理_html/css

最新推荐

猜你喜欢

热门推荐