初歩的な質問で申し訳ありません。
レスポンシブ対応のwebサイトを作成するにあたって、viewportを用いてメディアクエリを設定し、HTMLのhead部分にviewportを記述し、CSSの方にメディアクエリを設定したのですが、自分のブラウザ上で確認してみたところ動作しません。
スタイルシートのlink部分は間違っておらず、メディアクエリのみ適用されません。
どの部分の記述が間違っているのでしょうか?
HTML
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>サンプル</title> 6 <link rel="stylesheet" type="text/css" href="チェックテスト.css"> 7 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> 8 <meta name=”viewport” content=”width=device-width,initial-scale=1.0,minimum-scale=1.0″> 9</head> 10
CSS
1@media screen and (max-width: 1200px){ 2 3} 4 5 6 7@media screen and (max-width: 200px){ 8 p{ 9 color: red; 10 } 11 12} 13
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。