2015-11-07 71 views
-2

我试图优化手机页面,但它没有做任何事情。网页没有响应

我跟着一个教程,但我无法得到它的工作。我正在使用谷歌浏览器。

@media screen and (max-width:300px) and (orientation:portrait) { 

    header, body, footer: { 
     width: 300px; 
    } 

    .menu { 
     font-size: 20px; 
    } 

    footer { 
     font-size: 8px; 
    } 
} 

我真的不明白什么可以丢失。 (感谢编辑)

+0

哦,是啊...那就是它! 所以我只是记住一些事情,为什么在这里提供一个错误,而不是在原来的,因为我从我的样式表复制到媒体..但任何方式谢谢! –

+0

我会推荐你​​使用414px,你会得到大多数手机,甚至Iphone 6 Plus –

回答

1

你有一个冒号在你的CSS使浏览器停止在这一点上,而忽视了CSS规则footer后,因为它是无效的有结肠那里。

请注意您的媒体规则max-width,因为您的意思可能是min-width

+0

我明白我想要的最大宽度的手机和最小宽度与平板电脑的最大宽度。 谢谢 –