たんなるメモ①

投稿日：

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

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

　
スポンサーリンク

テスト

テスト

-

関連記事

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

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

Bootstrap4でよく使う基本のナビゲーションバーの書き方

Bootstrap4を使ってページ制作するときに、よく使用する基本のナビゲーションバーの書き方を記載。 Index基本のナビゲーションバーとハンバーガーメニューPCとSPそれぞれの画面での表示html …

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

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

低解像度の画像を高解像度にする方法！

予算の関係などで「低解像度の画像で何とかしなければならない」という場合に便利。 Indexphotoshopの画像保管メニュー「ディティールを保持2.0」を使用する「ディティールを保持2.0」とは p …

no image

レイアウト崩れを防ぐcss

↓要素の幅(width)の合計に、paddingとborderが含まれるため、レイアウト崩れを防げる。※ただしmarginは合計に含まれない。 *を使用し、全ての要素に適用することが推奨されている。