移动端填充满屏展示

最新推荐文章于 2023-07-05 17:25:56 发布

weixin_30706507

最新推荐文章于 2023-07-05 17:25:56 发布

阅读量277

点赞数

原文链接：http://www.cnblogs.com/gopark/p/11558315.html

版权

1、使用js获取屏幕高度，手动填充剩余的部分区域

2、使用伪元素，整屏设置背景色填充

<html>
    <head></head>
    <body>
        <div class="page-container">
            我是内容
        </div>
    </body>
</html>


.page-container::beforer{
    content:" ";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:#ccc;/* 颜色自定义 */
    z-index:-100;/* 突然想到个游戏，是男人就下100层。。。 */
}

参考：https://www.jianshu.com/p/838076f611ab

转载于:https://www.cnblogs.com/gopark/p/11558315.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30706507

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
移动端填充满屏展示

1、使用js获取屏幕高度，手动填充剩余的部分区域2、使用伪元素，整屏设置背景色填充<html> <head></head> <body> <div class="page-container"> 我是内容 </div> ...
复制链接

扫一扫