未経験からのフルスタックエンジニア

スキルをつけよう!未経験からフリーランスエンジニアへの成長記録

CSS

【Haml】部分テンプレートのCSSを特定ページのみで変える方法~Rails・Haml・CSS~

学べること 以下の画像の中で、ヘッダーは部分テンプレートを使用しています。 1枚目の表示になるように部分テンプレートを作成した場合、2枚目の表示のために部分テンプレートを作り直したり、CSSファイルを作成するのは面倒だと思います。 そこで、すでにc…

スマホ画面だとフォントサイズが一部変になる現象の解決

CSS

起こった問題 デベロッパーツールのスマホ画面では問題ないが、 実機で確認すると、同じcssを適用しているのにも関わらず、 一部だけ効かない(フォントサイズがおかしくなる)現象が発生 解決策 body { -webkit-text-size-adjust: 100%; } bodyに上記の記述…