Q&A
ご回答いただきありがとうございます。
追加で１点質問があります。
なぜ、453emを16で割っているのでしょうか。全体のバランスを整えるためなのでしょうか。
フォントサイズは16pxになることが多いので、とりあえず16を基準として数字を見ているというイメージで合っていますか？
質問
現在、他の人が作ったWebサイトの手直しをしています。
CSSを覗くと、以下のようなコードがありました。
CSS
1width: calc(450em/16)
これはイコール450pxのことを指していると思うのですが、あえてcalc関数を使う意味は何なのでしょうか。
###考えたこと
0. ブラウザの幅を変えても、全体に対する割合を変えないため
0. IE11へ対応させるため（max-widthが効かないことがあるため）
0. コードを書いた人の癖
普段calc関数をあまり使わないこともあり、調べたのですがよく理解できませんでした。
どなたかわかる方がいれば、ご回答いただけると幸いです。よろしくお願いします。
回答2件
0
このコードからは少々わかりかねますね。450emというのは450文字分の横幅、16というのは一般的な1emのpx値ですが、この書式だと450文字分の横幅を16で割った値なので、450pxとはなりません。
CSS
1width:calc(450em / 16px);
これであれば450pxとなると思います。（ここでのfont-sizeが16pxの場合に限る）
※calc関数を使うときは演算子の前後にスペースが無いとパースされないのでご注意ください。
投稿2019/02/04 09:25
退会済みユーザー
総合スコア0
0
ベストアンサー
これはイコール450pxのことを指していると思うのですが
いえ、これは28.125emと同じ意味です。
emはその場所のフォントサイズによって長さの変わる単位ですので、簡単にpxやptなどの全体共通の単位に書き換えることはできません。
投稿2019/02/04 08:37
編集2019/02/04 08:39
総合スコア145184
そもそもcalcがどういうものかという質問であって、「なぜcalcを使うのか」はこの一行だけのコードだけではどの要素の幅かもわからないので判断できないと思うのですが…。
いえ、質問の趣旨としては、「コードの書き方の趣旨を教えてください」というものでした。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/05 02:58
2019/02/06 15:42