炫意html5
最早CSS3和HTML5移动技术网站之一

非标准比例的屏幕如何进行适配呢?

业务需求是做不同尺寸的大屏项目, 且每个大屏的宽高比都不是标准的,例如我们日常使用的16:9等。
举个例子:

回答

除了极少部分情况之外,适配屏幕宽高比是设计师的任务,而不是前端的任务。
因为绝大部分网页都是流式布局,即假设网页内容的高度是无限的,超出部分用滚动条。这种情况下只适配屏幕宽度,无需关心屏幕高度。

炫意HTML5 » 非标准比例的屏幕如何进行适配呢?

CSS3教程HTML5教程