スマホでリロードしたときに、背景画像が表示されなくなる現象を確認しました。
- Mark up
今日は業務中に起こったCSSで困ったことについて記録していきます。前提として、この現象の原因はわかっていないため、解決方法をお伝えすることはできませんが、この記事を公開することでどこかの誰かが原因や解決方法を見つけてくれることを願って、記事を残します。 スマホでリロードしたときに、背景画像が表示され...
-
-
ネガティブマージンとFlexboxを使用したテクニック
- Mark up
今回は業務中に使って便利だったCSSのネガティブマージンとFlexboxを使用したテクニックを紹介する記事を書きたいと思います。Flexboxで要素を並べるときに親要素の幅によって子要素を折り返すために、flex-wrap を指定します。ここで子要素同士に余白をつけるため、marginをとった場合、1行目と1列目にも不要なmarginが...
-
Webの小ネタ 〜CSS設計編〜
- Mark up
- #CSS設計
ひとつのエントリにするほどでもないけど、なんとなく興味深いWebのTipsや情報を紹介するコーナーです。 FLOCSSにおける、Component と Project の違い FLOCSSにおいて悩むポイントである、この Object は Component なのか？ それとも Project なのか？ 問題があります。 僕も気になったため、Component と Project の...
