css3
文章平均质量分 89
叫我虫虫吧
看似稳中带皮,实则慌的一匹
展开
-
媒体查询里的min-width 和 max-width
本文参考MichelleKlann的Media Queries Demystified: Min-Width and Max-Width媒体查询(media queries)是响应式设计(Responsive Web Design简称RWD)必不可少的一部分。媒体查询有两个关键词min-width和max-width, 接触过媒体查询的同学可能会认同我, 这两个关键词很绕;从字面上理解它们可能不那么容易,以至于我每次都需要在脑海里面不断演算,然后小心翼翼地测试效果(大概和写正则表达式的感觉差不多..转载 2021-07-28 14:46:30 · 4610 阅读 · 1 评论 -
flex布局 之 基于可视化窗口(浏览器页面高度)垂直居中
因为 父元素的宽度 是铺满页面,所以 也是基于可视化窗口的垂直居中.g-cent是父元素,.m-cent是子元素.g-cent { height: 100vh; display: flex; justify-content: center;/* 水平居中 */ align-items:center;/* 垂直居中 */}.m-cent { ...原创 2020-01-10 17:28:48 · 813 阅读 · 2 评论