我把这个站点的配色算了一遍，然后改了两处
凭手感挑的次要文字灰 #8b95a1，在白底上只有 3.04:1；卡片日期用的 #a5aeb…
我的生活日常
记录 Web 开发的学习过程与界面设计实践。
内容围绕前端三件套——HTML、CSS、JavaScript——以及设计案例的拆解，都是学习过程中的整理与总结，希望能帮到同样在学的人。
教程与笔记
查看全部 →@import 是一条串行请求链 —— 用 Resource Timing 自己量，别听人说
@import 的问题不是"慢"，是它把并行变成了串行：必须先把外层 CSS 下完、解析…
autocomplete=off 在 Chrome 里基本等于没写
自定义样式的输入框一被自动填充就变黄，off 写了也没用。Chrome 是按语义猜字段的…
position: sticky 不吸顶时，我按这个顺序查
写了 position: sticky; top: 0，滚到底一声不响。六成情况下不是代…
flex 子项不肯缩小？那是 min-width: auto 在按规范办事
左边头像固定、右边 flex: 1，一条长 URL 把布局撑破，flex-shrink…
server_name _ 的代价：nginx 变量语义，和一个 Lua WAF 的 403
习惯性写了 listen 888 default_server; server_name …
把固定链接改成 /%postname%/，整站文章全 404 —— 一次 rewrite_rules 实测
首页、列表页、页面全正常，文章点进去全是 404，?p=6 还好端端地 301 跳转。把…
一行放多少字才不累：先把这三个数测出来
“正文 16px、行高 1.5”这类口诀给不了任何方向。真正能拿捏的是三个数：容器宽度、字号…
100vh 在手机上会溢出的原因，和 svh / lvh / dvh 三个兄弟
手机上 height: 100vh 的整屏区块总是被地址栏切掉一点，还会莫名多出一条滚动…