父元素寬高均未指定，子元素寬高用100%指定，此時的結果，子元素的寬高都是滿屏父元素上添加【transform: scale(1.1)】后,子元素100%寬高項目失效，求原因??？？？各位大神走過路過不要錯過?。。?
1 回答
慕工程0101907
TA貢獻1887條經驗 獲得超5個贊
解決方案1:
設置后代：
.children1,
.children2,
.childrenN {
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
或者讓后代反向操作，比如反向旋轉：
.parent {
position: relative;
background-color: yellow;
width: 200px;
height: 150px;
margin: 70px;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.child {
position: absolute;
top: 30px;
left: 50px;
background-color: green;
width: 70px;
height: 50px;
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
- 1 回答
- 0 關注
- 147 瀏覽
添加回答
舉報
0/150
提交
取消