Css 我如何使我的响应式webApp适应垂直放置的电视屏幕？

目前我正在开发一个webApp，它将显示在两个不同的电视屏幕上。 一个将处于横向模式，另一个将处于纵向模式。 所以，我用CSS媒体查询对这个应用程序进行编码，使它能够适应这两种配置和不同的分辨率

例如，我使用了如下查询：

@media screen and (orientation: portrait) and (min-width: 2160px) {
  }
@media screen and (orientation: landscape) and (min-width: 3840px) {
  }

该应用程序在浏览器上运行良好。 但当我在垂直屏幕上尝试我的应用程序时，电视显然会以横向模式显示它（因为这只是一个旋转的屏幕）。 但问题是，当我更改电视选项上的参数以将图像显示为纵向时，应用程序刚刚旋转，图像已扩展到屏幕边界。我的CSS媒体查询没有一个能像在浏览器上那样完成这项工作

如果有人有技术上的解释和/或解决方案，我期待着收到他的来信

谢谢