TojiTech No Programming, No Life.

Bootstrap v4のメディアクエリ

メディアクエリで、画像の縦幅(object-fit)やフォントサイズを変えたい時ってありますよね?
そんなときに登場するメディアクエリなのですが、Bootstrap v4用に作ったものが出てきたので公開します。

@media screen and (max-width: 1199.98px) {}
@media screen and (max-width: 991.98px) {}
@media screen and (max-width: 767.98px) {}
@media screen and (max-width: 575.98px) {}

知っていると何かと便利です。

端数になっているのは、ブレイクポイントの都合上です。

Profile

Yuki Tojima

RubyやPhp、JavaScriptまわりのことを徒然と記録に残す技術ブログです。

至らぬところもあると思いますが、見守っていただけると幸いです。

記事のリクエストや、間違いなどありましたら X (旧 Twitter) のDMなどでお気軽にご連絡ください。

ytojima @TojiTech
プロフィール画像