我的 Web 应用程序适用于台式计算机以及连接到电视屏幕的计算机。
我想在这两种不同的情况下应用不同的样式,但简单的媒体查询在这里不起作用:即使屏幕大得多,电视分辨率甚至比计算机显示器还要小。
有没有办法检测这种情况并应用适当的样式?
有一个CSS媒体查询来检查客户端屏幕是否是电视
@media tv
(而不是经典计算机屏幕的@media screen
(。
还有@media projector
.
建议看看 CSS 单位,尤其是那些以v
开头的单位,它们相对于视口的大小......