让元素沾满全屏

简介: 让元素沾满全屏

让元素沾满全屏有两种方法

       1:给盒子设置position绝对定位 然后让left top bottom right都为0

14736e1d3d1547f39b0351d73dea8a61.png

这里设置line-height 100vh 是为了让内容水平居中和垂直居中

81cc6db7e9044c139f691cf182cc3e0c.png

还有一种是 先需要将body的margin默认值设置为0 然后再通过设置vh和vw为100来设置宽高来实现

fb32cb23b92d40cb83a29ff402caf64b.png

1ce6f43717754cb0a940628e1fb9fb06.png

相关文章
|
16小时前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
|
16小时前
|
前端开发
css样式实现一个滑动按钮
css样式实现一个滑动按钮
12 0
|
16小时前
|
JavaScript
selenium元素等待及滚动条滚动
selenium元素等待及滚动条滚动
21 2
|
16小时前
|
前端开发 JavaScript
uniapp四个元素点击那个哪个变色,其他的还变原来的颜色
uniapp四个元素点击那个哪个变色,其他的还变原来的颜色
96 0
|
9月前
|
API
全屏了却判断为未全屏(已解决)
全屏了却判断为未全屏(已解决)
|
前端开发 JavaScript 计算机视觉
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
948 0
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
|
前端开发
鼠标经过时反转遮罩层
当鼠标移入指定的元素时,图片会旋转到遮罩层,然后显示相关介绍内容。
87 0
鼠标经过时反转遮罩层
|
Web App开发 JavaScript Android开发
jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
webtouch(webapp)页面,防苹果手机safari浏览器,往上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。
320 0
|
JavaScript
全屏 监听键盘事件 添加元素 删除添加的元素
全屏 监听键盘事件 添加元素 删除添加的元素
全屏 监听键盘事件 添加元素 删除添加的元素
|
JavaScript
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部