我有一个网站的移动版本，它使用CSS媒体查询来确定方向。
布局会根据横向/纵向进行更改，并相应地调整宽度。
最近，随附的原生移动应用程序已在Apple应用程序商店中发布 - 我实施了Apple智能应用程序横幅。
问题在于，当显示智能横幅时 - 渲染的布局是横向版本 - 无论实际方向如何。
这是一个问题，因为在肖像中，一切看起来都很时髦。
我找不到针对此或正在发生的事情的解决方法。
为了提供更多上下文 - 这是一个Rails项目 - 移动网站是使用jQuery Mobile构建的。
有没有其他人经历过这个或知道解决方案？
答案 0 :(得分：1)
我相信这是一个错误。我怀疑iOS只是设置了“landscape”标志，如果可用宽度大于可用高度。在3.5英寸iPhone上显示智能应用程序横幅时，就是这种情况。在4英寸iPhone上，它不是。这就是为什么你只在旧的iPhone上看到这个问题。
我使用max-aspect-ratio：
<link rel="stylesheet" href="/css/portrait.css" media="all and (max-aspect-ratio: 4/3)">
<link rel="stylesheet" href="/css/landscape.css" media="all and (orientation:landscape) and (min-width: 480px)">