0

我遇到了麻烦：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 网站的东西。带有屏幕截图的简单电话图像，然后是徽标和下方的文本块。

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

4

1 回答 1

1

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

于 2013-04-29T23:25:57.550 回答