首頁猿問為什么vw和百分比設置的數(shù)值不相等？

為什么vw和百分比設置的數(shù)值不相等？

JavaScript

慕哥6287543 2019-05-24 10:51:02

代碼如下：https://jsfiddle.net/ffn1vce5/如果把li元素的寬度30vw換成30%，然后審查元素查看會發(fā)現(xiàn)寬度比原來要小了，這是為什么呢？

查看完整描述

2 回答

守候你守候我

TA貢獻1802條經(jīng)驗獲得超10個贊

...因為你百分比的ul沒有寫width:100%;width默認auto了.而且本身你的容器內(nèi)的元素總寬就超出了100vw,你的(30+3)*3+3>100vw單位下,它是基于整個文檔寬度計算,是恒定的值.而百分比下的ul的3%實際像素值(基于body總寬)是不等于li的3%右邊距的(基于ul的總寬,少了3%的內(nèi)邊距)

反對回復 2019-05-24

絕地無雙

TA貢獻1946條經(jīng)驗獲得超4個贊

根本不是對照試驗。/*ul{padding:3%003%;//width:100%;這個沒加//overflow:hidden;}ulli{width:30%;padding:30%000;background-color:orange;border-radius:10px;float:left;margin-right:3%;margin-bottom:3%;}*/ul{padding:3vw003vw;width:100vw;overflow:hidden;}ulli{width:30vw;height:30vw;background-color:orange;border-radius:1vw;float:left;margin-right:3vw;margin-bottom:3vw;}