-
outline：none輸入框焦點去掉
p:nth-child(2)?第二個p屬性設(shè)置
查看全部 -
????flex-direction
? 作用：子元素在父元素盒子中的排列方式
? row（從左到右）row-reverse
? column(從上到下) column-reverse
? 注意：如果只設(shè)置display:flex 默認row布局方式
? flex-wrap
? 作用：子元素在父元素盒子中 是否換行（列）
? nowrap默認值 不換行或者不換列
? warp 換行或換列
??
? flex-flow 屬性的簡寫
? 語法 flex-flow:flex-direction(排列方式) flex-wrap(換行方式)
查看全部 -
媒體查詢引入方式1
內(nèi)部樣式表
<style @media="(min-device-width:100px) and (max-device-width:300px)">
????#div{
????????background-color:#ccc;
????}
</sytle>
查看全部 -
width、height?瀏覽器可視寬、高
device-width、device-height設(shè)備屏幕顯示寬、高
查看全部 -
利用媒體查詢實現(xiàn)響應(yīng)式布局
查看全部 -
自適應(yīng)布局
目前最好使用rem形式，根據(jù)根元素的字體大小的改變而改變，為了便于將PX換算成rem，一般將根元素的字體大小設(shè)置成10px;
我們也可以通過js根據(jù)窗口的大小而改變根字體的大小，從而改變rem中的大小。
查看全部 -
這是3.1的筆記這是3.1的筆記
查看全部 -
一套方案 在不同尺寸 不同分辨率的視口 都能呈現(xiàn)出較好的效果
通過rem和flex 配合使用
查看全部 -
em字體是根據(jù)父元素的字體大小? ?rem是根據(jù)根標(biāo)簽的字體大小
? js版本計算大小查看全部 -
?特殊寫法查看全部 -
外部樣式查看全部 -
將media標(biāo)簽寫在style標(biāo)簽內(nèi)，適應(yīng)顯示
查看全部 -
針對獲取的屏幕寬度，對盒子的寬度進行百分比設(shè)置，一行顯示n個的效果的具體數(shù)值為100/n %
查看全部 -
我的非公開私密筆記
查看全部 -
我的2.1章節(jié)下的筆記
查看全部
舉報