display:flex //伸縮布局模式 給父級加
min-width:盒子最小寬度【小於這個寬度，在縮小頁面，盒子不會縮小】
max-width：盒子最大寬度【大於這個寬度，在放大頁面盒子不會變大，放大的都是空白】
flex-direction：row(預設)|column(豎著劃分)
justify-content:flex-start效果如下：【如開頭開始布局】//就是子元素充不滿父元素的寬度
如果flex-wrap不是預設的nowrap時，即使我們子盒子指定了寬高，它也會壓縮子盒子在同一行/列顯示
css3響應式布局
1 分界點 超小螢幕xs 移動裝置 768px以下 小屏裝置sm 768px 992px 中等螢幕md 992px 1200px 寬屏裝置lg 1200px以上 2 語法 media screen and max width 768px stylesheet href css a.css style...
CSS3響應式布局總結
一 摘要 今天給大家總結一下css的響應式布局,首先我們還是先弄清楚,幾種布局的概念.1.靜態布局 static layout 特點 固定死的寬高,典型的應用靜態 2.自適應 特點 1 為不同螢幕定製不同的布局 2 在每個布局中頁面元素不隨著視窗的大小而改變 3.流式布局 特點 1 只有一套布局 2...
響應式布局和css3
1.使用百分比 2.使用em，相對於上下文的百分比 body預設16px,100 1em body 子元素相對body的大小。比如寬度為48px,則設定 width 3em 3.查詢，比較常用的框架bootstrap.css 4.css3 text shadow 陰影 1px 1px 1px 000...