iPhone 5在页面加载时未缩放

iPhone 5在页面加载时未缩放,iphone,mobile,zooming,viewport,responsive,Iphone,Mobile,Zooming,Viewport,Responsive,我刚刚创建了一个经过移动优化的网站。然而,我已经将页面的最小宽度设置为350px,这似乎比Iphone 5s屏幕大30 px 为了反驳这一点,我试图 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 及 以及其他变体,包括删除最大比例、初始比例和不添加用户滚动 如果我删除了initial和maximum并使用devicewidth,它会在屏幕上加载f

我刚刚创建了一个经过移动优化的网站。然而,我已经将页面的最小宽度设置为350px,这似乎比Iphone 5s屏幕大30 px

为了反驳这一点,我试图

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


以及其他变体,包括删除最大比例、初始比例和不添加用户滚动

如果我删除了initial和maximum并使用devicewidth,它会在屏幕上加载fitting,但在页面加载后会扩展


无论我尝试什么,我似乎总是在iPhone上得到滚动。有人知道如何启动页面,使其适合屏幕(而不破坏其他手机的布局)

我发现,当我的最小宽度对于某些屏幕来说太大时,我需要使用

<meta name="viewport" content="width=device-width">

其中350是站点的最小宽度

我发现当我的最小宽度对于某些屏幕来说太大时,我需要使用

<meta name="viewport" content="width=device-width">

其中350是站点的最小宽度

太棒了,这很有效,谢谢!当它让我满意时会接受的,这很有效,谢谢!当它允许我的时候,我会接受的
@media (max-width: 350px) {
  @viewport {
    width: 350px;
  }
}