Bootstrap使iPhone的缩放与iPad相同。

我的网站很好地为iPad版本折叠，但一旦它崩溃的iPhone它是一团糟。我宁愿只为iPhone保留iPad版本。Bootstrap使iPhone的缩放与iPad相同。

我知道我必须覆盖/* Landscape phones and down */ @media (max-width: 480px) { ... }

，但我必须覆盖每个个体PARAM？我不能简单地告诉它“不要折叠在768px以下”

我正在使用CDN托管的引导程序并在我的CSS中执行自定义覆盖。

2013-05-10 frankie

dnt自定义CDN托管引导文件，尝试我实现您的自定义代码，应用媒体查询并在CSS中设置布局... – SaurabhLP 2013-05-10 11:11:41

这是建议的媒体：

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
    /* Styles */ 
} 

/* iPads (portrait and landscape) ----------- */ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
    /* Styles */ 
}

正如你所看到的，在这里我使用device-width代替width。

如果你想要的是使用相同的风格在iPad和iPhone中都没有480像素Ÿ768px之间的约束，你可以简单地说：

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { 
    /* Styles */ 
}

希望这有助于！

来源

2013-05-10 14:16:14 cortex

Bootstrap使iPhone的缩放与iPad相同。

回答

相关问题