使用Skeleton框架的媒体查询

Question

我遇到问题：http://brybell.me/vipeepz/skeleton/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #logo {
        margin-top:400px;
        position:relative;
    } 
}

这是骨架样板/框架的layout.css文件中的媒体查询代码。

它似乎没有接收媒体查询，我尝试了很多东西，但它似乎没有起作用。

现在有两个标识，因为我正在做一些测试，但我真的只是想做一些类似于instagram网站的简单操作。带有屏幕截图的简单手机图像，然后是徽标和文本块。

我将不胜感激任何帮助。非常感谢你。我对此感到沮丧，因为我在桌面上有我想要的网站，但无法将内容重新定位到我想要的位置。

Answer 1

在这种情况下，您的内联样式声明会覆盖媒体查询，因为内联样式具有更高的特异性。尝试将内联样式移动到外部样式表中，并且应该选择#logo的媒体查询。