Css 您好，该站点在移动设备上没有响应，但在桌面上。我做了什么？

我刚刚上传了我的第一个网站进行测试，已经发现在移动设备上，它并没有达到我想要的效果？对不起，这是我的第一个网站和第一个问题，所以如果你需要更多的信息，请询问。该网站是nixoncreations.com。我补充道，桌面上的图片应该是3张一行

 @media screen and (max-width: 1000px) {
    .portfolio-items-wrapper {
      display: grid;
      grid-template-columns: 1fr ;}

---

它可以在我的笔记本电脑屏幕上使用，但不能在我的手机上使用。如果您能给我任何建议和帮助，我将不胜感激。

谢谢您，我以后会使用它，但它仍然不起作用，但我发现了它是什么。我忘了加上这个，因为我说我是新来的，希望得到建议

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /* CSS */
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  /* CSS */
  
}

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

谢谢你，我以后会使用它，虽然仍然不起作用，但我发现了它是什么。我忘了加上这个，因为我说我是新来的，希望得到建议

<meta name="viewport" content="width=device-width, initial-scale=1.0">