Css Bootstrap使iPhone的伸缩性与iPad相同。

我的网站在iPad版上崩溃得很好，但一旦在iPhone版上崩溃，那就乱七八糟了。我更愿意把iPad版本也保留在iPhone上

我知道我必须覆盖

/*横向电话并关闭*/
@介质（最大宽度：480px）{…}

但是我必须覆盖每个参数吗？我不能简单地告诉它“不要在768px以下崩溃”吗

---

我正在使用CDN托管的引导，并在css中进行自定义覆盖。

以下是建议的媒体：

/* 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 */
}

如您所见，这里我使用的是

设备宽度

而不是

宽度

如果您希望在iPad和iPhone中使用相同的样式，并且480px和768px之间没有限制，您可以简单地：

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

---

希望这有帮助

dnt自定义CDN托管的引导文件，尝试实现自定义代码，应用媒体查询并在css中设置布局。。。