CSS vw和百分比值轉換爲像素值

我們如何知道width:100%和width:100vw中有多少像素？CSS vw和百分比值轉換爲像素值

形勢

body{ 
width:100%; 
} 
.container{ 
    width:1000px; 
}

如何獲得確切價值？

balanceWidth = bodywidth - containerwidth

我知道CSS鈣width: calc(100% - 1000px);，我需要得到確切的像素值

2016-03-28 ShibinRagh

您無法知道有多少像素是CSS中的百分比值。你需要使用JavaScript或一些JavaScript庫，如jQuery –

我問的問題是**爲什麼你需要確切的像素值？**要麼你想要百分比/視口反應，要麼你不需要。 –

您是否使用Sass或LESS？你必須選擇其中一個，否則你的問題可能會被解釋爲一個軟件請求（例如，哪種語言支持X？） – cimmanon

對於這一點：

balanceWidth = bodywidth - containerwidth

您可以使用計算方法：

width: calc(100% - 1000px);

當你有1000px寬的元素時，你假設百分比年齡寬爲100％和1％，就可以計算出服用1000像素除以100

2016-03-28 09:40:12

我不明白 – ShibinRagh

從你的編輯，你需要像jquery這樣的腳本語言。 –

假設你寬容器爲1000像素，你的CSS大衆值10vw這意味着你的容器寬度的10%它非常類似於使用10% 。

所以舉例10vw意味着10%。

2016-03-28 10:00:29

回答