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

【问题标题】：Detect large and low-resolution (TV) screens检测大屏幕和低分辨率 (TV) 屏幕
【发布时间】：2017-12-13 22:18:14
【问题描述】：

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

我想在这两种不同的情况下应用不同的样式，但简单的媒体查询在这里不起作用：电视的分辨率甚至比电脑显示器还要小，尽管屏幕要大得多。

有什么方法可以检测到这种情况并应用适当的样式？

【问题讨论】：

【解决方案1】：

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

@media tv

（而不是 @media screen 用于经典计算机屏幕）。

还有@media projector。

【讨论】：

【解决方案2】：

建议看一下CSS Units，尤其是v开头的，和视口大小有关...

【讨论】：

始终欢迎提供潜在解决方案的链接，但请add more context around the link，以便您的其他用户知道它是什么以及为什么存在。 始终引用重要链接中最相关的部分，以防目标站点无法访问或永久脱机。 考虑到仅仅是指向外部站点的链接 是Why and how are some answers deleted? 的一个可能原因。