使用 ionic 定位不同的 iphone 版本
Target different iphone versions with ionic
我想知道是否有使用 css 执行此操作的正确方法。我正在使用 ionic 构建一个 ios 应用程序，我主要负责 css。我发现在使用 iphone 4/4s 和 6+ 进行测试时，设计会发生很大变化。我无法做出适合两个版本 phone 的设计，因此我需要根据要 运行 的设备对 css 进行一些调整。解决这个问题的最佳方法是什么？
目前，该应用程序看起来对于 iphone 5 来说基本没问题，但是 6+ 在某些地方有太多 space 并且 4/4 看起来太忙，有时需要 scroll/buttons 由于大小而重叠。
您可以像这样使用媒体查询：
/* for iPhone 6+ */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) { /* STYLES GO HERE */}
Stephen Gilbert 的 collection of all media queries for Apple devices 很酷。
我想知道是否有使用 css 执行此操作的正确方法。我正在使用 ionic 构建一个 ios 应用程序，我主要负责 css。我发现在使用 iphone 4/4s 和 6+ 进行测试时，设计会发生很大变化。我无法做出适合两个版本 phone 的设计，因此我需要根据要 运行 的设备对 css 进行一些调整。解决这个问题的最佳方法是什么？
目前，该应用程序看起来对于 iphone 5 来说基本没问题，但是 6+ 在某些地方有太多 space 并且 4/4 看起来太忙，有时需要 scroll/buttons 由于大小而重叠。
您可以像这样使用媒体查询：
/* for iPhone 6+ */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) { /* STYLES GO HERE */}
Stephen Gilbert 的 collection of all media queries for Apple devices 很酷。