千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻
2023-07-12 16:19 作者:64236542447_bili | 我要投稿

寬高自適應(yīng)是給—個(gè)容器的寬高不再設(shè)置成一個(gè)固定值,而把屬性值改成百分比來運(yùn)用。一個(gè)頁面中有兩個(gè)div,兩個(gè)div開始的時(shí)候是寬度都是1000px,當(dāng)我們將瀏覽器的窗口拖動(dòng)至小于80%的時(shí)候,第一個(gè)盒子寬度固定,一部分隱藏到了屏幕外,下面的一個(gè)盒子寬度自適應(yīng)屏幕寬度縮小的變化?能夠隨著屏幕的寬高變化而變化的能力叫做寬高自適應(yīng)。
寬高的默認(rèn)值
?寬度的默認(rèn)值100%,就是和父級元素等寬
????高度的默認(rèn)值auto,將由它的子元素的高來決定,也就是說會子元素會撐開父級元素
標(biāo)簽: