媒体查询问题答案

【问题标题】：Media queries problems媒体查询问题
【发布时间】：2016-06-29 11:11:09
【问题描述】：

我已经使用了所有东西，但我不知道为什么我的@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%;
  }
}

【问题讨论】：

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

标签： html css media-queries

【解决方案1】：

你的问题是 // cmets。

CSS 无法读取。你需要 /* 评论放在这里 */

在这种情况下你应该使用

/* Tablet diagonal width:768px */

这里是您的代码和测试的链接。

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

祝你好运！

【讨论】：

我也订购了它们，但这不是必需的。