css
关注
分享
扫一扫
2422400672
这个作者很懒，什么都没留下…
展开
-
粘滞标题列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .sticky-dom{ position: sticky; top: 0; } .sticky-dom-parent{ pos原创 2021-06-25 18:54:49 · 87 阅读 · 0 评论 -
css整屏滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> html,body{ scroll-snap-type: y mandatory; height: 900px; overflow: auto;原创 2021-05-19 14:33:20 · 339 阅读 · 0 评论 -
css居中
display: table，display:table-cell和text-align: center;.center 会在 .container 中垂直居中，再配合里层元素 .content 的 display: inline-block;text-align: center;.content相对于 .center 就是垂直和水平方向都居中 <div class="container"> <div class="center">原创 2020-07-26 19:37:54 · 154 阅读 · 0 评论 -
前端好用的网站推荐
https://contrast-ratio.com/ 测试网页颜色对比度https://caniuse.com/ 前端兼容性查询原创 2020-07-20 21:47:28 · 394 阅读 · 0 评论 -
移动端适应不同屏幕大小
移动端适应不同屏幕大小移动端开发中几个个概念设备像素（物理像素）PPI（每英寸容纳的设备像素数）设备独立像素DPR(设备像素比)常见的兼容不同屏幕大小的方案通过 initial-scale来适应不同屏幕大小固定viewport，通过rem来适应不同的屏幕大小采用flex和rem来适应不同的屏幕大小移动端开发中几个个概念 移动开发中有4个比较重要的单位，物理像素（ppi），设备独立像素（dips），设备像素比（dpr）设备像素（物理像素）设备像素 指的就是我们平时所说的分辨率，比如说常见的我们常说原创 2020-05-22 22:11:55 · 582 阅读 · 0 评论 -
transition过渡效果失效问题
transition过渡效果失效问题transition不能和display:none合用，合用的时候可能出现打开控制台过渡效果偶尔生效，控制台关闭后过渡效果不生效问题，想要实现元素出现后进行过渡效果可以使用visibility属性将元素设置到不可见并将z-index放到其他元素下面，当需要出现时再将元素设置为可见并将z-index设置到正常的大小...原创 2019-09-25 10:19:41 · 532 阅读 · 0 评论