-
響應(yīng)式布局：媒體查詢+多套css樣式【rem字體自適應(yīng)+flex布局自適應(yīng)】
查看全部 -
自適應(yīng)布局的實(shí)現(xiàn)：媒體查詢+flex局部自適應(yīng)
查看全部 -
flex彈性布局
彈性盒子 配合rem
查看全部 -
媒體查詢：根據(jù)不同設(shè)置寬度決定使用不同的css，內(nèi)部樣式表、link
rem：字符單位，實(shí)現(xiàn)字符隨分辨率變化而不失真，固定單位使用：寬度、字體大小等，相對(duì)于根元素計(jì)算
flex：上下左右居中，填充方式，排列方式，換行等屬性
查看全部 -
rem彈性布局：保證在各種屏幕上不失真，根據(jù)實(shí)際屏幕寬度做等比例換算
%或rem作為單位
rem+彈性布局flex
查看全部 -
meta 不適用瀏覽器自身的縮放
查看全部 -
rem相對(duì)于根元素的字體大小的單位
em相對(duì)于父級(jí)元素的字體大小的單位，過(guò)于負(fù)責(zé)?
查看全部 -
flex-basis子元素基礎(chǔ)寬度，width失效
flex-grow 剩余空間擴(kuò)展比例
flex-shrink 子元素縮小比例、默認(rèn)對(duì)等縮小、0不允許縮小
查看全部 -
align-items：設(shè)置每個(gè)flex在交叉軸上的默認(rèn)對(duì)齊方式
align-content??
查看全部 -
?
justify-content：center；
查看全部 -
子元素在父元素盒子中的排列方式
display：felx；
flex-direction：column；
flex-wrap：子元素在父元素盒子中是否換行wrap
flex-flow：row wrap；
在父元素中設(shè)置，子元素受之影響
是否換行 排列方向? 簡(jiǎn)寫
查看全部 -
內(nèi)部樣式表
外部樣式表
在不同的情況下引入不同的css文件 miedia=""
查看全部 -
媒體查詢其他引入方式
style 標(biāo)簽里面 @media?
style標(biāo)簽上面 media=“ ”
查看全部 -
移動(dòng)端device-width
web端width
div：nth-child（0）
查看全部 -
媒體查詢：為不同尺寸的屏幕設(shè)置不同的css樣式
@media screen and（min-device-width：200px）and（max-device-width：300px）{
? ? ? ? ? ? ?//css樣式
}
查看全部
舉報(bào)