我正在设计一个基于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/