测量可见屏幕分辨率

Question

考虑这样的场景--我正在开发电视上使用的web应用程序，它们总是全屏显示。你可能知道，也可能不知道，每台电视都有一个不同的“安全区域”，因为大多数电视都在一侧或两侧切断了一定数量的电视。我想使用一个显示某种视觉标尺的网页，这样我就可以很容易地看到电视的“可见”屏幕，找到这个“安全区域”。像这样的网页已经存在了吗？

如果不是，有什么简单的方法(我猜是javascript)来绘制一个屏幕上的标尺，可以用来找到‘安全区域’？

Answer 1

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

当我使用这种解决方案做项目时，我只是在主容器上添加了5%的通用保证金。

并不是所有的监视器都有相同的安全区域。但5%对所有现代人来说都足够了。

编辑：

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

它准确地说出了我之前写的内容。