pxで表した画像サイズを％に変換したい

Question

widthが１００0pxの親要素があったとします。
その中の子要素が以下のとおりです。

width:400px
height:200px;
のサイズの画像を%で表すにはどのように計算すればいいでしょうか？

Comments

[m.ts10806]

無理です。 mをcmに換算、円をドルに両替するのとはわけが違います。 %を使うときと言うとおおよそレスポンシブ対応のことが多いですが、本質問には具体的な要件もやってみたこと試してみたこと何もありません。なぜそうしたいのか？それに対して何をやってみたのか？質問の仕方をかえるべきかと。

[退会済みユーザー]

わかりました。もう1度改めて質問させて頂きます。とりあえずこの質問は閉じます。勉強になります。

[m.ts10806]

質問を編集すれば良い話では？

[退会済みユーザー]

それも検討して質問を考え直します。あと他にご回答頂いている方もいますのでそちらの方とのやりとりが終了後に致します。

[m.ts10806]

既にその回答者の方も指摘されているように要件や条件が提示されていないので答えようがありません。回答も回答というより不明瞭な要件に対する指摘です。

[退会済みユーザー]

失礼しました。自分の中では不明瞭だと思っていなかったので気付かされました。修正させて頂きました。

[m.ts10806]

おおよそ小学生でも可能な計算をすれば良いだけなので、質問内容としてどうなんでしょう？計算をしてくれってことなのですか？

[退会済みユーザー]

計算方法がわからなかったのです。小学生以下で申し訳ありません。

[m.ts10806]

申し訳ないですが、これだけだと問題も課題も発生していないように思いました。

Answer 1

％は百分率、全体を１００とした時の割合です。

400(px)x200(px)の画像を400(px)x200(px)の画面に表示したら(画面のサイズを１００としたら)、100%(画面いっぱい)になりますが、
1024(px)x720(px)の画面に表示したら、幅39%、高さ27.8%になります。

このように全く同じ画像でも、何を100%とするのかによって、%の値が変わります。

＝＝＝
ryuunosukeさんは、何の百分率を計算したいのですか？

質問の文章だけだと、計算することは不可能です。
何を１００％とするかという情報が欠けていますから。

Comments

[退会済みユーザー]

ありがとうございます。
説明不足になってしまったようですいません。
width:400px;をパーセントに変換したいのですが…これだと分かりづらいということでしょうか？

[coco_bauer]

回答の繰り返しになりますが、何のパーセントなのですか？　あなたの身長が校内で４００番目に高いとした時、校内で高いほうから何パーセントのところに位置すると思いますか。全校生徒５００人の学校なら８０％のところ、全校生徒２０００人の超マンモス校なら20%のところですよね。さて、全校生徒数が判らないときに、%が判るとお思いですか？？？

[退会済みユーザー]

なるほど、親要素のサイズが必要という事ですね。親要素が1000pxの中の子要素が400pxです。混乱して回答してしまいました。失礼いたしました。

[m.ts10806]

きつく言い過ぎたかな・・・。