测量可见屏幕分辨率

时间:2013-02-11 16:34:30

标签: javascript html css screen-resolution

考虑这种情况 - 我正在开发用于电视的Web应用程序,它们总是全屏显示。正如您可能知道或不知道的那样,每台电视都有一个不同的“安全区域”,因为大多数电视机在一侧或两侧都切断了一定数量。我想使用一个显示某种视觉标尺的网页,以便我可以轻松地看到电视的“可见”屏幕,找到这个“安全区域”。这样的网页是否存在于某个地方?

如果没有,那么绘制一个可用于查找“安全区域”的屏幕标尺会是一种简单的方法(我猜javascript)?

1 个答案:

答案 0 :(得分:0)

电视安全区域距离新显示器屏幕边缘约5%的边距。

当我使用这种解决方案进行项目时,我只需在主容器上添加一个通用的5%边距。

并非所有显示器都具有相同的安全区域......但是对于所有现代显示器来说,5%就足够了。


编辑:

请看这个:http://dev.opera.com/articles/view/creating-web-content-for-tv/#safe-areas

它完全是我之前写的。