检测大屏幕和低分辨率 (TV) 屏幕



我的 Web 应用程序适用于台式计算机以及连接到电视屏幕的计算机。

我想在这两种不同的情况下应用不同的样式,但简单的媒体查询在这里不起作用:即使屏幕大得多,电视分辨率甚至比计算机显示器还要小。

有没有办法检测这种情况并应用适当的样式?

有一个CSS媒体查询来检查客户端屏幕是否是电视

@media tv

(而不是经典计算机屏幕的@media screen(。

还有@media projector.

建议看看 CSS 单位,尤其是那些以v开头的单位,它们相对于视口的大小......

最新更新