![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 82
css
粥粥_JOJO
这个作者很懒,什么都没留下…
展开
-
移动端适配方案
移动端适配方案基本概念基本概念物理像素:设备屏幕的物理像素,单位px分辨率:设备屏幕上显示的物理像素总和(如:750*1334px)css像素:设备屏幕的物理像素,单位px原创 2021-03-10 17:07:11 · 181 阅读 · 3 评论 -
CSS之页面布局
css之页面布局水平垂直居中flex布局1. 基础用法2.容器属性3.项目属性grid 网格布局1. 基础用法2. 容器属性3. 项目属性水平垂直居中绝对定位#parent{ position: relative;}#son{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }视窗居中vh为视口单位,即文档可视部分#son{ marg原创 2021-03-04 10:07:38 · 282 阅读 · 0 评论 -
CSS之position定位
CSS之position定位position属性值position:sticky粘性定位的计算规则层次滚动效果实现position属性值absolute:绝对定位,相对于static定位以外的第一个父元素进行定位fixed:绝对定位,相对于浏览器窗口relative:相对定位,相对于正常位置static:默认值inherit:从父元素继承sticky:当元素在屏幕内,表现为relative,就要滚出显示器屏幕的时候,表现为fixed(注:top或left必须要有明确的计算值,否则fixed的转载 2021-02-27 19:47:42 · 242 阅读 · 1 评论