LegspCpd Blog

CSS

共 3 篇

给站点做两套皮肤,并且切换时不跳转
技术

给站点做两套皮肤,并且切换时不跳转

从参考站反推出机制、用 <html> 上的一个属性承载主题、以及在 Astro 里踩到的那个坑——站内跳转会把根属性换掉,于是用户切了主题、一点进文章就丢。

  • 前端
  • Astro
  • CSS
打开先闪一堆乱码,然后才正常——这个坑我踩了两次
技术

打开先闪一堆乱码,然后才正常——这个坑我踩了两次

首屏骨架的样式写在了延迟加载的 CSS 包里,于是页面先以"没排版"的样子出现。数字很直白:首屏 9KB,另一半 472KB。以及为什么同一个错误我在 SFC 里又犯了一遍。

  • 性能
  • CSS
  • Astro
移动端适配不是"加个断点"
技术

移动端适配不是"加个断点"

断点只是起点。真正让页面在窄屏下"活着"的,是那些容易被忽略的细节:触摸尺寸、横向溢出、降级路径。

  • 前端
  • 移动端
  • CSS