-
响应式布局：媒体查询+多套css样式【rem字体自适应+flex布局自适应】
查看全部 -
自适应布局的实现：媒体查询+flex局部自适应
查看全部 -
flex弹性布局
弹性盒子 配合rem
查看全部 -
媒体查询：根据不同设置宽度决定使用不同的css，内部样式表、link
rem：字符单位，实现字符随分辨率变化而不失真，固定单位使用：宽度、字体大小等，相对于根元素计算
flex：上下左右居中，填充方式，排列方式，换行等属性
查看全部 -
rem弹性布局：保证在各种屏幕上不失真，根据实际屏幕宽度做等比例换算
%或rem作为单位
rem+弹性布局flex
查看全部 -
meta 不适用浏览器自身的缩放
查看全部 -
rem相对于根元素的字体大小的单位
em相对于父级元素的字体大小的单位，过于负责
查看全部 -
flex-basis子元素基础宽度，width失效
flex-grow 剩余空间扩展比例
flex-shrink 子元素缩小比例、默认对等缩小、0不允许缩小
查看全部 -
align-items：设置每个flex在交叉轴上的默认对齐方式
align-content
查看全部 -
justify-content：center；
查看全部 -
子元素在父元素盒子中的排列方式
display：felx；
flex-direction：column；
flex-wrap：子元素在父元素盒子中是否换行wrap
flex-flow：row wrap；
在父元素中设置，子元素受之影响
是否换行 排列方向 简写
查看全部 -
内部样式表
外部样式表
在不同的情况下引入不同的css文件 miedia=""
查看全部 -
媒体查询其他引入方式
style 标签里面 @media
style标签上面 media=“ ”
查看全部 -
移动端device-width
web端width
div：nth-child（0）
查看全部 -
媒体查询：为不同尺寸的屏幕设置不同的css样式
@media screen and（min-device-width：200px）and（max-device-width：300px）{
//css样式
}
查看全部
举报