扩展Web前端

时间:2010-06-01 12:45:56

标签: css resolution scale

我有一个最初设计用于电视的网页布局(从带有模糊浏览器的设备运行)。我们检测到电视的分辨率然后提供相应的css文件和图像。这些css表和图像已针对我们支持的三种分辨率(576,720和1080)进行了专门缩放。

现在我有一个快乐的任务,试图让你的标准浏览器 - IE,FF,Chrome。我只是想知道如何扩展到PC分辨率(1024x768),以便在这些浏览器中工作。我没有单独的css表和图像用于此任务,所以我想我要么必须使用一些javascript动态缩放默认的css表,或者可能利用浏览器的缩放(ctrl + / ctrl-)。后一个建议被耸了耸肩,所以我想我必须采取其他方式。

问题是,图像是精灵,它们都是背景图像,所以我不知道缩放它们是否有效。

有人有任何建议吗?

2 个答案:

答案 0 :(得分:0)

您确定需要填满整个屏幕吗?许多人将浏览器窗口保持小于最大尺寸。

答案 1 :(得分:0)

使用JavaScript重新缩放页面(可能)需要的时间比编写新CSS要长。 “PC分辨率”不仅仅是1024x768,你应该假设它是流动的。

我的建议。包括一个现有的样式表,然后创建一个新的样式表,覆盖它后面,覆盖您需要的部分。 Firefox + Firebug可以在这里为您提供帮助,或者使用Web Inspector为您提供Chrome / Safari。

虽然这超出了你原来的问题,但我会说尝试盲目地将基于电视的菜单(我认为是使用遥控器操作)移植到网络上可能是一个坏主意,你的时间可能会更好用于重建它对于网络而言,不仅仅是试图让它适合屏幕。