比較的新しいCSSプロパティでは,(特にFirefoxやSafari等)試験的に実装されていた時期にprefixを使用していたことから,現在でもコードスニペット等で見られることがあります.
box-sizingは現在はFirefoxおよびSafariでもprefixなしで動作するようです.
Like!
-moz-box-sizing:の意味
Q&AClosed
解決したいこと
Railsチュートリアルの第7章にある-moz-box-sizing:と-webkit-box-sizing:の意味が知りたいです。
(リスト 7.16:ユーザー登録フォームのCSS（ミックスインも併用）)
ソースコード
app/assets/stylesheets/custom.scss
@mixin box_sizing {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
自分で試したこと
-moz-box-sizing:や-webkit-box-sizing:で検索しても
ヒットしませんでした。
以上、お手数ではございますが
もしご存知の方がいらっしゃいましたら
ご教示の程よろしくお願い申し上げます。
0
3Answer
1
Comments
@yosaku_ibs
Questioner@Verclene様
お世話になります。
返信くださりありがとうございます。
つまり-moz-box-sizing:や-webkit-box-sizing:というのは
どういう意味なのかご教示頂けますでしょうか？？- 要は昔のブラウザのバージョンでははこの接頭辞を付けないと動かんでってだけです.
実装により挙動は若干違うかもしれませんがbox-sizingと基本的に同じはずです.
互換性のためだけの記述であり,特段残す意味もありません. @yosaku_ibs
Questioner@Verclene様
お世話になっております。
承知しました。
おまじないの一種と理解しておきます。
ご教示頂きありがとうございました。
-moz-box-sizing:や-webkit-box-sizing:で検索してもヒットしませんでした。
google検索では先頭にハイフン-を付けたキーワードは検索結果から除外されます。
目的に合わない検索結果を除外するのに便利です。
ハイフン-を除いて検索してみましょう。
Like!
Comments
@yosaku_ibs
Questioner@blue32a様
お世話になります。
返信下さり誠にありがとうございます。
その情報は知りませんでした。
ご教示下さりありがとうございます。
検索についてさらに補足ですが、ダブルクォーテーション("")で囲めば完全一致で検索できます。
「google 検索 コマンド」などで検索すればその他便利なコマンドの情報が出てくると思います。
ご参考までに！
Like!
Comments
@yosaku_ibs
Questioner@YottyPG様
お世話になっております。
耳寄りな情報ありがとうございます。
参考にさせて頂きます。
以上、御礼申し上げます。