媒体查询问题

Question

我已经使用了所有东西，但我不知道为什么我的@Media Queries 不起作用。 "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 */

这里有一个 link，其中包含您的代码和测试。

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

祝你好运！

媒体查询问题

Media queries problems

html

css

media-queries