CSS视口 - 总是要缩小一点

Question

我在网页设计中使用以下视口....

<meta name="viewport" content='width=device-width,initial-scale=1,maximum-scale=1'>

据我所知，这应该打开网站完全缩小，但是当我在iPad上访问时，我总是需要缩小一点。

我做错了吗？

Answer 1

width=device-width告诉所有人，它将宽度设置为设备宽度（ipad）大致为1024（横向），因此如果你必须缩小，你的页面要宽于

Answer 2

在你的css中添加这个

@media screen and (max-width:yourdevice-px) {
    @-ms-viewport{
        width:required-px;
    }
}