たんなるメモ①

投稿日：

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

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

　
スポンサーリンク

テスト

テスト

-

関連記事

no image

レイアウト崩れを防ぐcss

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

XDで画面を動かしたいとき

Adobe XDで画面を左右に動かしたいとき、photoshopみたいに「手のひらツール」アイコンを探しても画面上にはないので注意。 手のひらツールを出す方法 方法1：spaceキー + ドラッグ方法 …

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

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

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

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

normalize.cssとreset.css

Indexnormalize.cssとは設定方法reset.cssとはおすすめのreset.css normalize.cssとは 各ブラウザによる表示の差異をなくし、意図通りのスタイル（正常化）をす …