我的响应式媒体查询在 CSS 代码中不起作用？

Question

我正在使用媒体查询来改变我的网站在不同尺寸下的外观...

这是我的HTML代码

    <meta name="viewport" content="width=device-width, initial- 
       scale=1">
   <link rel="stylesheet" media="screen and (max-width: 600px)" 
       href="styles/style.css"/>

和我的 CSS 代码

 @media screen and (max-widht: 650px) {
       .projects-grid{
           float: none;
           width: 100%;
           grid-template-columns: 100%;
         }
      }

Answer 1

 @media screen and (max-width: 650px) {
       .projects-grid{
           float: none;
           width: 100%;
           grid-template-columns: 100%;
         }
      }

你的媒体查询有错字，你写的是 width 而不是 width

我的响应式媒体查询在 CSS 代码中不起作用？

my responsive media query doesn't work in CSS code?

html

css

grid

media-queries