widthの正確な数値の求め方について

Question

宜しくお願い致します。
widthの正確な数値の求め方についてお聞きします。

例えば下記のようなサイトを見ますと、

https://www.job-cube.com/

ヘッダー上部の「企業ロゴ」「電話番号」「登録タブ」などの
cssのwidthが「width:37.65306122448979%;」など、とても細かな数値になっていました。

この数値はどのような計算で求められているのでしょうか？
もしくは簡単に求める方法があるのでしょうか？

初歩的ですみませんがご存知の方いましたら教えて頂けると幸いです。
宜しくお願い致します。

Answer 1

答えになってないですけど、さっと計算して見た所、
会社マークの割合がheader02の長さの約３７％、厳密には37.6530612244898%

電話番号がマージン含めて、３０.6%　、厳密には30.612244897959176%
次のブロックが、約32.%、 厳密には31.63265306122449%

全部合わせて、99.897959183673466%

要は、普通に３つに分けただけっぽいですね。

Comments

[kenj]

ご回答ありがとうございます。
単純に各ブロックの幅に合わせて割った数字という事なんですね。
自分でも計算してみようと思います。
他回答者の方々もありがとうございました。

Answer 2

ヘッダーから見た相対的な大きさをこのぐらいにするとちょうどいいなっていう数値を、
何らかの式で計算したんでしょうが、サイトの制作担当にしか分からないと思いますよ。

黄金比絡めたのかなー思って計算してみましたが若干ずれてるようですし。

1/1.618^2*100

あとは、12分割とか24分割とかしたグリッドに沿って作ったら、その関係でその数値になった、とか。