2024-12-13 厉飞雨 阅读(218) 评论(0) 赞(12)

一直以来，习惯在 flex 布局中使用 `gap` 这个属性设置间距，一直以来也都是在最新的 Chrome 上调试，所以从来没有想在 flex gap 在其他浏览器上存在兼容性问题。最近看了一下文档才反应过来，`gap` 原来只是 grid 布局的属性，虽然近些年来[主流浏览器都已经支持了](https://caniuse.com/flexbox-gap)，但是一些使用人数不少...

2024-12-13 厉飞雨 阅读(163) 评论(0) 赞(10)

一、移动端公共样式 {#menu_index_1} ------------------------- /* 禁用iPhone中Safari的字号自动调整 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 ...

2024-12-13 厉飞雨 阅读(144) 评论(0) 赞(7)

<br />  无论是`rgb()`颜色函数，还是`hsl()`颜色函数，现在还支持一...

2024-12-13 厉飞雨 阅读(137) 评论(0) 赞(8)

<p>最近有空给网站除草了，在这里也做了一些小优化，添加网站背景图片看起来不这么单调。</p> <p>简单记录折腾日志。</p> <h3>添加渐变背景 {#添加渐变背景}</h3> <p>|---------------------------------------|-------------...

2024-12-13 厉飞雨 阅读(81) 评论(0) 赞(11)

结构大概是这样的，大盒子左下角添加一个不透明多行描述，且盒子为圆角，上下盒子宽度不一致，盒子之间需要有圆弧衔接：  DOM...

2024-12-13 厉飞雨 阅读(143) 评论(0) 赞(10)

CSS备忘录 {#CSS备忘录} ================ 元素水平和垂直居中 {#元素水平和垂直居中} ---------------------- 水平居中 |-----------------------|-----------------------------------------------------------------------------...

2024-12-11 厉飞雨 阅读(144) 评论(0) 赞(7)

<br /> <p><img src="http://static.51tbox.com/static/2024-12-11/col/b3e28084ef575db77ab44a58a06dbe8a/03354c37fb0f43748db42c3a97918694.jpeg.jpg" alt="封面占位图 麋鹿&quo...

2024-12-11 厉飞雨 阅读(158) 评论(0) 赞(9)

<br />  ### 一、视频版出炉了 花了差不多一整天时间把这个视频盘出来了。 <br ...

2024-12-11 厉飞雨 阅读(139) 评论(0) 赞(7)

<br /> <p><img src="http://static.51tbox.com/static/2024-12-11/col/164995ed43cebca98134934cbde0178d/b6b394f959ae4bd38a12def5b55cb47f.jpg.jpg" alt="subgrid封面图&qu...

2024-12-11 厉飞雨 阅读(164) 评论(0) 赞(10)

<br />  就算每周学习一个前端新特性，我发现我都来不及学习。 都没有时间钓鱼了，苦啊。 ...