Q&A
前提・実現したいこと
Lravel7を使ってwebページを制作しています。
レスポンシブ対応で、記述したのですが、反映されません。
480px以下の時に、cssが外れるのですが、
480px以下用に書いたコードは反映されていません。
下記は一部分で、文字や背景を変えて試していますが上手くいきません。
解決方法を教えて欲しいです。
該当のソースコード
<head>の中に以下を書いています。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 対応するcssに以下を書いています。 @media screen and(max-width: 480px) { .cityImage{ width: calc((480 / 1920) * 100vw); } }
試したこと
下記を追記した。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
補足情報（FW/ツールのバージョンなど）
mac,vscode,laravel
回答1件
0
ベストアンサー
and の後に半角スペースが必要みたいですね。
誤）
@media screen and(max-width: 480px) {
正）
@media screen and (max-width: 480px) {
投稿2021/08/03 08:28
総合スコア271
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/08/03 08:31