现代 CSS 切换主题方式探索
最近重构了博客系统,其中涉及到主题切换的方案,于是就有了这次的分享。
UnoCSS 方案
使用 CSS 变量配合 UnoCSS 插件注入的方式完成主题切换功能。
具体来说,我们的主题有三种模式:
跟随系统;
浅色;
深色。
其中,用户手动选择的模式会覆盖系统跟随模式。
一个比较容易想到的...
ios屏幕适配
这篇文章算是迟来的总结,最近做了一个 h5 项目内嵌到 app 页面内联,默认情况下 app 那边不会做任何处理,也就是顶部和底部需要额外处理一下
做法
默认情况下 ios 的顶部状态栏是20px,如果存在刘海则是44px,当然实际开发中也不需要使用 js 来进行判断,因为 ios11 之后...
选择器那些事
失踪人口冒个泡
优先级
入门学习的时候一定就听说过这些概念,在菜鸟教程之类的网站上也肯定学习过,比如类的优先级为 10、标签的优先级为 1,这些都是辅助我们记忆的,下面就来说一说容易出错的点。
.top {
margin: 10px;
}
[class] {
margin: 20px...
无效的height100%?
之所以写 height,是因为它出现的场所比较多
body {
height: 100%;
}
不知道你们有没有这样写过 css 属性,不过很遗憾这是无效的。
父级没有给定明确的高度么? 这样说有一定正确性,不过不够全面,在 height 的规范中规定了两种情况 100%可以解析出来
父...