css
ggxr00
不以物喜,不以己悲
展开
-
css 的 filter(滤镜)
css filter滤镜记录原创 2022-12-01 09:59:52 · 328 阅读 · 1 评论 -
微信小程序适配iphonex的安全区域
微信小程序适配安全区 // 高度固定 .wrap { width: 100%; height: calc(100rpx + constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/ height: calc(100rpx + env(safe-area-inset-bottom)); /*兼容 IOS>11.2*/ } // 高度不固定 .wrap { width: 100%; height: auto; padding: 20rpx 3原创 2021-06-15 21:30:24 · 503 阅读 · 0 评论 -
利用伪类和tranform实现1px 边框border
.border-1px{ position: relative; } .border-1px:after{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #ccc; content: ' ';...原创 2018-11-13 11:35:54 · 567 阅读 · 0 评论 -
sticky footer的实现
sticky footer ,它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。 html如下: <div class="container"> <div class="content-wrapper clearfix"> <div class="content-main"> ..原创 2018-11-16 10:48:30 · 119 阅读 · 0 评论