2016-03-28 17 views
0

どのように我々はどのように多くのピクセルwidth:100%width:100vwであることを知っていますか?CSSのVWとパーセンテージ値画素値に変換する

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

状況はどのように私は、正確な値を得るのですか?

balanceWidth = bodywidth - containerwidth 

私はCSSのカルクwidth: calc(100% - 1000px);について知っている、私はこのために正確なピクセル値

+1

CSSでいくつのピクセルがパーセント値であるかを知ることはできません。あなたは正確なピクセル値が必要なのか、なぜあなたは**私が求めている問題であるJavaScriptやjQueryの –

+0

のようないくつかのJavaScriptライブラリを使用する必要がありますか?**あなたがパーセント/ビューポートの応答をしたいかそうでないのどちらか。 –

+0

は、サスやLESSを使用していますか?あなたはそれ以外のご質問は、潜在的にソフトウェア要求と解釈される可能性があり、どちらか一方を選択する必要があり(例えばXをサポートしている言語?) – cimmanon

答えて

1

を取得する必要があります:

width: calc(100% - 1000px); 

balanceWidth = bodywidth - containerwidth 

あなたはカルクメソッドを使用することができます幅が1000ピクセルの要素がある場合は、パーセント値年齢幅で100%と1%のためにあなたが100

+0

私はあなたの編集から – ShibinRagh

+0

を理解しない、あなたはjQueryのようなスクリプト言語を必要とします。 –

0

によって1000px分割を取って計算することができますが、コンテナの幅仮定は1000pxであり、あなたはVW値をCSS、それが10%を使用して非常によく似ている、あなたのコンテナの幅の10%を意味10vwです。

だから、10%を意味10vwの例を取ります。

参考:https://css-tricks.com/viewport-sized-typography/

関連する問題