画面の大きさにより適用するCSSを変更するSCSSを作成しましたが、画面が大きくなっても、画面が小さい時の設定が適用されてしまい大きい場合の設定が適用されません。
SCSSは下記の通りです。(一部抜粋)
div.contact-outer { div.contact-inner { width: 200px; margin-left: auto; margin-right: auto; } } // 768px以上の時 @media (min-width: 768px) { div.contact-inner { width: 600px; margin-left: auto; margin-right: auto; } }
もともとは@media(min-width: 768px)だけで設定していましたが画面が小さい時の設定を上部に追加した所、768px以上でもwidthが200pxとなってしまうようになりました。
SCSSはほぼ使ったことないですが、CSSではこの設定でうまく設定が上書きされていたように思います。
SCSS初心者でなぜうまくいかないのか分かりません。
問題点ご指摘いただけると助かります。
よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/20 06:55