Html 媒体查询问题

我已经用了所有的东西，我不知道为什么我的@Media查询不起作用。视口已添加到HTML头部，@media位于CSS文档的末尾

CSS代码：

@media only screen and (max-width: 768px) {
  .bio_img {
    width: 50%;
  }

  .bio_photo {
    width: 30%;
  }

  .youtube {
    margin-left: 20%;
  }
}

---

您的问题是//注释

我看不懂。您需要/*评论，请点击此处*/

在这种情况下，您应该使用

/* Tablet diagonal width:768px */

下面是一个链接，其中包含您的代码和测试

---

祝你好运

也显示你的HTML。请尽快回复，否则您的问题将被视为不清楚。效果很好，我可以问您在css文件中的媒体查询位置吗？你还有其他疑问吗？如果没有HTML，或者更多的CSS，我们无法帮助你，因为我们不知道规则适用于什么地方，所以我们不知道你看到的结果，这是一个问题。您发布的查询看起来应该可以工作，所以一定发生了其他事情。您好，我将媒体查询放在css文件的末尾。我还尝试将其作为外部文档，并将其与html连接，但仍然无法工作。我用括号来写和预览。请分享你的HTML代码也…我也订购了他们，但这不是必要的。