横幅と高さを入力するとアスペクト比を計算してくれるWEBサービス「AspectRat.io」

横幅と高さを入力するとアスペクト比を計算してくれるWEBサービス「AspectRat.io」

横幅と高さを入力するとアスペクト比を計算してくれるWEBサービス「AspectRat.io」

AspectRat.ioは、横幅と高さを入力するとアスペクト比を計算してくれるWEBサービスです。

本当にただそれだけのシンプルなツールです。

AspectRat.ioの使い方

AspectRat.ioにアクセスして、横幅と高さを入力します。数値の入力だけでなく、デバイスを選択することも可能です。

AspectRat.ioの使い方

リアルタイムでアスペクト比が表示されます。

[Lock]をオンにすると、アスペクト比を固定したままサイズを変更できるようになります。

さらに、画面右下にある[Copy CSS]をクリックすると、SCSS/LESSやCSSのコードがコピーできます。

CSSのコピー

あとがき

CSSがコピーできる機能は、サイト制作時にも使えそうですね。アスペクト比を調べたい時は、ぜひご活用ください。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です