-
響應式布局：媒體查詢+多套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樣式
}
查看全部
舉報