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

时间:2017-07-10 08:54:47

标签: javascript css media-queries responsive television

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

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

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

2 个答案:

答案 0 :(得分:0)

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

@media tv

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

还有@media projector

答案 1 :(得分:-1)

建议查看CSS Units,尤其是那些以v开头的,与视口大小相关的内容......