0

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

现在我有一项艰巨的任务是尝试让它与您的标准浏览器 - IE、FF、Chrome 一起工作。我只是想知道如何缩放到 PC 分辨率 (1024x768) 以便在这些浏览器中工作。我没有用于此任务的单独 css 表和图像,所以我认为我要么必须使用一些 javascript 动态缩放默认 css 表,要么可以利用浏览器的缩放 (ctrl+/ctrl-)。后一个建议被忽略了,所以我认为我必须以其他方式这样做。

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

有没有人有什么建议?

4

2 回答 2

0

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

于 2010-06-01T12:49:19.413 回答
0

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

我的建议。包含您现有的样式表之一,然后创建一个新样式表并在其后包含,覆盖您需要的部分。Firefox + Firebug 可能会帮助您,或者使用 Web Inspector 的 Chrome/Safari。

尽管这超出了您最初的问题,但我会说尝试盲目地将基于电视的菜单(我假设是用遥控器操作的)移植到网络上可能是一个坏主意,您的时间最好花在为网络重建它上,而不是简单地试图使其适合屏幕。

于 2010-06-01T12:54:43.700 回答