哇塞，有好吃的~

随笔分类 -  CSS

层叠样式表
多列等高布局的实现
摘要：前言 很久没写过这种等高布局实现了，来重温一下经典。 两栏布局，高度相等，高度由最高的内容撑开，左右两边高度不固定。 固定html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-U 阅读全文
posted @ 2023-04-18 12:07 风行者夜色 阅读(34) 评论(0) 推荐(0)
记录一些不常见的css用法
摘要：css积累 transform和filter属性会导致子元素的fixed重新针对该容器计算，而不再是针对全局计算。 transform和filter属性可以使得非定位元素的overflow属性对其子元素的absolute元素生效。 transiton有一个steps([number])的动画函数，可 阅读全文
posted @ 2021-01-21 10:40 风行者夜色 阅读(80) 评论(0) 推荐(0)
React编写一个移动H5的纵向翻屏组件
摘要：前言 由于工作需要，需要做一版在手机上查看的H5的广告页。广告页面基本都是一块内容占满一屏，然后上滑下滑就翻页，所以需要一个这样的翻页功能。 代码实现 废话不多说，直接上代码 /** * 一个放置多个满屏页面的容器，支持上下滑动 */ // ScrollBox.jsx import React, { 阅读全文
posted @ 2020-08-28 10:37 风行者夜色 阅读(929) 评论(0) 推荐(0)
HTML5移动端针对IphoneX底部的适配，包括所有不规则的屏幕都可以解决
摘要：现在有些类似于Iphonx的手机，底部多了一根横条，导致内容如果铺到了下面，就会被遮挡，所以在这里推荐使用 的一个新属性来解决这个问题 直接上代码 兼容性的话，目前新版的浏览器，除了IE，其它的都是支持的，移动端也都是支持的，效果还是比较好的。 阅读全文
posted @ 2020-05-08 15:03 风行者夜色 阅读(696) 评论(0) 推荐(0)