媒体查询问题

Question

我已经使用了所有内容，我不知道，为什么我的@Media查询不起作用。 “viewport”已添加到HTML头部，@media位于CSS文档的末尾。

CSS代码：

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

  .bio_photo {
    width: 30%;
  }

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

Answer 1

你的问题是//评论。

CSS无法读到这一点。你需要/ *评论到这里* /

在这种情况下你应该使用

/* Tablet diagonal width:768px */

这是一个包含您的代码和测试的链接。

https://jsfiddle.net/Willox_san/e68of5sL/2/

祝你好运！