Masahiro's tech note
PostsProjectsAbout
PostsProjectsAbout
Backback arrow icon
Tailwind

Tailwindで画像サイズ関係なくUI統一する方法

ブログやサービスでは画像細部が異なることが多いかと思いますが、その際はこちらのclassを利用することで実装が可能となります

<img class="object-contain h-48 w-full">

参考記事

Object Fit

Featured
TailwindでカレンダーっぽいUIの作り方
2021/12/26
Tailwind
Rails + Haml + Tailwindで Illegal nesting: nesting within a self-closing tag is illegal エラー
2021/12/07
Ruby on Rails
Tailwind
Tailwindの.clearfixでUIが壊れる場合の対処法
2021/11/16
Tailwind
Tailwindで画像サイズ関係なくUI統一する方法
2021/09/11
Tailwind
npx tailwindcss init Cannot find module ‘autoprefixer’
2021/04/13
Tailwind

github
twitter
menta
mail
copyright © 2016-2023 Masahiro Okubo