ピクセルをHTMLのパーセンテージ測定に変換する方法は？

Question

私はasp.net &から1つのWebサイトを設計しました。これは、CSSの助けを借りてhtmlページを設計しました。そのCSSでは、私が撮影したすべての測定値はピクセル単位です。ピクセルからパーセンテージに変換したいのですか？

このための変換式はありますか？

これを行う方法？

ありがとうございました。

Answer 1

ブロック要素の幅をパーセント値に変更するには、同じ単位でそのコンテナの幅を知る必要があります。

var widthChildPercent = widthChildPixels/widthParentPixels; 

は明らかに、あなたはおそらく、あなたがスタイルを更新する際に整数値にそれをフォーマットしたいでしょうが、それは一般式になります。

Answer 2

あなたは、静的なレイアウトから柔軟なレイアウトのために変換するとき、私は、次の式を使用する割合

Answer 3

にあなたのピクセル値を変換するTHISを使用することができます。

result = 100 * target/context 

• targetあなたが変更したいものです
• contextは（私たちあなたが作業したいページ幅。あなたが現在330pxの幅を有するブロック要素<section>を持っていて、1024pxのラッパーで作業している場合

たとえば、あなたはあなたの幅は32.23パーセントの結果を与える330/1024*100を使用することができます。しかし、原則として、パーセントではなくemに変換するフォントの場合。