老師講的很好,對(duì)于REM,EM,PX單位何種場(chǎng)景下使用講的很透,另外用生動(dòng)的案例將布局案例講的很通俗易懂,眼見為實(shí),完結(jié)撒花
2天前
最新回答 / salute_ryGM69
<!DOCTYPE html><html lang="zh-CN"><head>? ? <meta charset="UTF-8">? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">? ? <title>Document</title>? ? <style>? ? ? ? #form div{? ? ? ? ? ?...
2023-03-16
舉個(gè)例子：
#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;
}
用他的錯(cuò)誤計(jì)算方法是
200-（150+250）=-200
-200/2=-100
div1:150-100=50
div2:250-100=150
而正確值是75和125
#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;
}
用他的錯(cuò)誤計(jì)算方法是
200-（150+250）=-200
-200/2=-100
div1:150-100=50
div2:250-100=150
而正確值是75和125
2021-06-23
10:45秒計(jì)算 flex-shrink 的方法是錯(cuò)誤的。
錯(cuò)誤的方法卻造成了正確的結(jié)果是由于兩個(gè)元素的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
錯(cuò)誤的方法卻造成了正確的結(jié)果是由于兩個(gè)元素的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
2021-06-23
