Q&A
ruby on railsで作ったサイトをレスポンシブデザインに対応させようと
していまして、スマホ用のコードを書いて、検証で確認してみても、反応しません。
原因はなんでしょうか？教えてください。
下記のようなコードを記載しています。
検証の際375×812のサイズで確認しています。
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <title>Ryuta</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 6 <%= csrf_meta_tags %> 7 <%= csp_meta_tag %> 8 9 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 10 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 11 <%# <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> %> 12 </head> 13 14 <body> 15 <%= yield %> 16 </body> 17</html>
css
1.inner{ 2 display:flex; 3 padding:10px; 4 background-color: white; 5 6 @media screen and (min-width:375){ 7 .inner{ 8 background-color: red; 9 } 10 11 } 12}
回答1件
0
ベストアンサー
@media screen and (min-width:375px)では？
投稿2021/05/26 15:20
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。