たんなるメモ①

投稿日:

ブラウザの幅に基づいて均等に分割されたカラムを生成する

ブラウザの全幅(100vw)を3で割り、widthプロパティに設定。

 
スポンサーリンク

テスト

テスト

-

関連記事

Bootstrap v3からv4のブレークポイント移行

Bootstrapのv3からv4でブレークポイントが変更されたので記載。 変更されたブレークポイント v3v4画面幅lgxl1200px以上mdlg992px以上smmd768px以上xssm576p …

スマホで撮ったイラスト画像をベクター画像に

①iPhoneなどのスマホで「Adobe Caputure CC」アプリを起動してイラストを撮る。 ↓ ②手書きの線がベクター化される。 ↓ ③Adobe Creative CroudのCCの「マイラ …

IEブラウザを判定してアラートを表示する方法

Web制作に携わっていると、IEを(いまだに…)利用しているユーザーのための対応が必要になってくる。対応方法しては、 パターン1:IE用に別途cssを書くパターン2:「(レイアウトが崩れる)IEをやめ …

相対パスとルートパスの書き方

意外と混乱しやすい、パスの書き方をまとめた。 Index相対パスとは書き方のポイント1.同じ階層のパターン2.違う階層のパターンルートパスとは書き方のポイント 相対パスとは 「どこから」から見て、「ど …

スマホとPCで要素の表示順番を変える方法

レスポンシブの場合、PCと表示順番を変えたい場面がよくあるので、かんたんに実装する方法を記載。 Indexcssでflexboxとorderを使用する親要素にflexboxを使用orderを使用し、表 …