HTML_CSS

常见的移动端适配方案 media queries 媒体查询 flex 布局 rem 根字体大小(html标签的字体大小) vh vw 百分比 一、Media 媒体查询 不同的屏幕宽度加载不同的css代

一、基本网格布局 最简单的网格布局，就是平均分布。 HTML代码如下： CSS代码如下： 二、左边固定，右边自适应布局 左边网格的宽度固定，右边网格自适应。 CSS代码如下： 三、圣杯布局 圣杯布局指

移动端常用布局 头部、底部固定，内容滚动。效果如下图： 实现原理： 头部、内容、底部为同一层级，头部、底部子级元素添加固定定位fixed 给一个空标签设置高度，解决fixed定位后导航栏遮盖内容的问题

在工作中，经常会碰到让一个div垂直水平居中。 方法一： 使用绝对定位：不确定div的宽度和高度时，采用 transform: translate(-50%, -50%)；当前div的父级添加posi