最新消息:文章中包含代码时,请遵守代码高亮规范!

移动端手机页面布局之经验分享【原创】

HTML+CSS Cindy 349浏览 0评论

手机页面内容不够长,在大屏手机下底部信息下面会留有很多空白。

解决方案:
(1)底部信息用定位来写,使其始终显示在页面底部,中间内容区域可以滚动。底部内容样式如下:

.foot{

position:fixed;

left:0;

bottom:0;

}

(2)给中间内容定义最小高度,内容不多的时候,在大屏手机上要铺满整个屏幕。

具体情况根据客户需求来修改。

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/23445.html

您必须 登录 才能发表评论!