css - 视口(viewport)未被识别

Question

我正在努力使网站适合移动设备，但当我为视口(viewport)放入元标记时，它根本无法识别它。

我仍在处理媒体查询，但视口(viewport)根本没有做任何事情。

网站:http://gc200298785.computerstudi.es/test/

源代码:查看源代码:http://gc200298785.computerstudi.es/test/

提前致谢!凯莉

Answer 1

它只是工作正常。我注意到你的 CSS。

@media screen and (max-width: 320px) { 
/*main*/
body {
    font-size: 16px;
    line-height: none;
    width: 100%;
}
.container {
    max-width: 90%;
    padding: none;
    margin: 0 auto;
}
a .inside-container {
    max-width: 25%;
}
nav {
    width: 25%;
}
nav li{
    display: inline;
}
#menu {
    max-width: 100%;
}

在你的CSS代码下面添加

.container, #paper, #landing, #paper-bottom{width 100%;}