机顶盒网页分辨率设计原则

要设计一个在电视上显示的网页，要考虑一个问题， 电视屏幕有不同的大小，还有不同的分辨率。

但是网页是固定一个的，所以设计网页的时候，要考虑适应不同的分辨率。

 

首先要理解两个概念：

背景区域： 背景区域就是一个网页的背景显示区域，可以认为背景区域决定了这个网页的大小。

有效显示区域：有效显示区域小于背景区域，并且处于背景据区域的左上角。 网页有效的信息（如文字，图片，控件等） 应该放置在有效区域内。

当采用不同的电视制式时，例如（PAL, NTSC），非有效显示区域可能会被电视裁剪掉。

 

那么有几种分辨率需要考虑呢?

1.  标清电视SD

当显示在标清电视时，网页的背景区域应该是 720 × 576 像素。有效显示区域是 624 × 496 像素。

2.  高清电视HD

当显示在高清电视时，网页的背景区域是 1280 ×720 像素。有效显示区域是1100 × 656 像素。