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

最佳答案

使用媒体功能aspect-ratio

@media screen and (min-aspect-ratio: 1601/900) {
  /* Styles for very wide screens */
  ...
}

关于css - “Letterbox” Android平板电脑的响应式设计,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51358206/

10-12 12:31
查看更多