小编shu*_*n-i的帖子

我目前正致力于响应式网页设计."智能手机视图"尚未准备就绪,因为我的客户必须获得更多预算.

因此,我需要实现一个临时视图,我希望通过固定视口实现,只能在智能手机上激活.

我通过这种方式设置视口:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

如果触发以下媒体查询,我想将设备宽度更改为700像素:

@media only screen and (max-width:700px){

}

以下代码不起作用:

@media only screen and (max-width:700px){
    .pagewrapper{
        width:700px;
    }

    @-ms-viewport{
        width:700px;
    }

    @-o-viewport {
        width: 700px;
    }

    @viewport {
        width: 700px;
    }

}

你知道其他解决办法吗？也许使用JavaScript/jQuery？