媒体查询问题

-2

我用过所有东西，我不知道为什么我的@Media Queries不起作用。 “视口”已经添加到HTML头部，@media在CSS文档的末尾。媒体查询问题

CSS代码：

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

    .bio_photo { 
    width: 30%; 
    } 

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

来源

2016-03-14 Adka Dziadka

也显示您的HTML。请尽快回复，否则您的问题将会被视为不清楚。 –

它工作的很好，我可以问你把'media queries'放在你的css文件中吗？你有另外一个查询吗？ – Pedram

因为我们不知道哪些规则适用于哪些地方，所以我们无法帮助您解决问题，因为我们不知道您看到的结果，这是一个问题。您发布的查询看起来应该起作用，所以_something else_必须发生。 – somethinghere

你的问题是//注释。

CSS无法读取。你需要/ *注释到这里*/

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

/* Tablet diagonal width:768px */

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

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

祝你好运！

来源

2016-03-14 14:32:09 Willox

我也命令他们，但那不是必需的。 – Willox

谢谢，现在它工作:) –

媒体查询问题

回答

相关问题