自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 web自适应的实现和原理

预读 rem rem作为一个单位是受 html 标签的 font-size 变化而变化的 <html style="font-size:24px;"> <body> <div style="font-size:.5rem;"></div> </body> </html> 因上可得:通过控制 html 的 font-size 来达到一个简单的自适应 实现自适应 在 html 中添加 <meta name="viewport

2022-01-25 16:35:48 2064

原创 BFC的学习

BFC的学习 BFC是什么 BFC(Block Fromatting Context),即块级格式上下文 BFC可以通过CSS样式给元素添加 BFC的作用 使盒子本身形成一个独立的渲染区域,且内部元素不会影响到外部元素 BFC的应用场景 BFC的实现场景为清除元素浮动带来的父元素高度塌陷,和盒子外边距重叠问题 高度塌陷:子元素浮动,父元素获取不到子元素的高度 外边距重叠:相邻元素的互相margin宽度会重叠,取最高值 BFC的实现 浮动元素float不为none 绝对定位元素position为abusolu

2021-03-30 17:21:48 76

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除