“ Letterbox” Android平板电脑的响应式设计

Question

我正在设计一个基于Web的人造PowerPoint演示文稿，以便它可以在所有设备上运行。它以横向格式运行，并且在大多数设备上都可以正常工作，但是在高度成比例的短屏幕上（CinemaScope（如我的Android平板电脑）），我遇到了问题。理想情况下，我希望缩小视口高度并减少边距，以恢复到更多的“正常”比例。我可以编写一个@media开关来缩小外部div，但我不知道如何测试比例而不是宽度。有这种机制吗？

Answer 1

使用媒体功能aspect-ratio：

(?-s)(\G(?!^)|<p\s+class="text_mama">)((?!</p>).)*?\KEditura