xxxxx日韩,国语精品自产拍在线观看网站,最近中文字幕mv免费视频

首頁免費(fèi)課六個案例學(xué)會響應(yīng)式布局問答

六個案例學(xué)會響應(yīng)式布局

                
                大谷
            Web前端工程師

                    查看講師更多課程 
                    大谷講師的其他課程
                
Map從入門到性能分析
初級·8531
免費(fèi)課程
                                
4小時快速體驗(yàn)ES6-10的強(qiáng)大
慕課微課·入門·2292

                                                                                                                                    ￥36.00
                                            
vue-cli全集
入門·44771
免費(fèi)課程
                                
解密IconFont字體圖標(biāo)
初級·6411
免費(fèi)課程
                                
                難度入門
            
                時長 2小時41分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.93
                            16人評價
                        查看評價
                                9.9
                                內(nèi)容實(shí)用
                            
                                10.0
                                簡潔易懂
                            
                                9.9
                                邏輯清晰

全部評論問答未解決精華

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;
}
用他的錯誤計(jì)算方法是
200-（150+250）=-200
-200/2=-100
div1:150-100=50
div2:250-100=150
而正確值是75和125

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

2021-06-23

weixin_寶慕林0112487

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

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

2021-06-23