天天日天天透天天插久草,亚洲第一区二区三区

首頁免費課六個案例學會響應式布局問答

六個案例學會響應式布局

                
                大谷
            Web前端工程師

                    查看講師更多課程 
                    大谷講師的其他課程
                
Map從入門到性能分析
初級·8542
免費課程
                                
4小時快速體驗ES6-10的強大
慕課微課·入門·2292

                                                                                                                                    ￥36.00
                                            
vue-cli全集
入門·44766
免費課程
                                
解密IconFont字體圖標
初級·6413
免費課程
                                
                難度入門
            
                時長 2小時41分
            
                學習人數
            
綜合評分9.93
                            17人評價
                        查看評價
                                9.9
                                內容實用
                            
                                10.0
                                簡潔易懂
                            
                                9.9
                                邏輯清晰

全部評論問答未解決精華

慕UI2478098

免費的比收費的還好

1 3-4 flex-交叉軸的對齊方式

2021-06-27

weixin_寶慕林0112487

舉個例子：
#div0{
width:200px;
display:flex;
height:500px;
}
#div0 div:nth-child(1){
flex:0 1 150px;
}
#div0 div:nth-child(2){
flex:0 1 250px;
}
用他的錯誤計算方法是
200-（150+250）=-200
-200/2=-100
div1:150-100=50
div2:250-100=150
而正確值是75和125

2 3-5 flex-給子元素設置伸縮比例flex屬性

2021-06-23

weixin_寶慕林0112487

10:45秒計算 flex-shrink 的方法是錯誤的。
錯誤的方法卻造成了正確的結果是由于兩個元素的flex-basis一樣。
正確的算法應該是：
1：計算差值 400-（300+300）=-200
2：計算權重 300*1+300*3=1200
3：計算被移除量：
div1:-200*1(flex-shrink)*300/1200=-50
div2:-200*3(flex-shrink)*300/1200=-150
實際寬度：
div1:300-50=250
div2:300-150=150

2 3-5 flex-給子元素設置伸縮比例flex屬性

2021-06-23