伸缩web前端
伸缩web前端
提问于 2010-06-01 20:45:56
我有一个最初设计用于电视的web布局(从带有模糊浏览器的设备运行)。我们检测电视的分辨率，然后提供相应的css文件和图像。这些css工作表和图像已经针对我们支持的三种分辨率进行了缩放- 576,720和1080。
现在我有一个令人愉快的任务，那就是尝试让它与你的标准浏览器- IE，FF，Chrome -一起工作。我只是想知道如何缩放到PC分辨率(1024x768)，以便在这些浏览器中工作。我没有单独的css表单和图片来完成这个任务，所以我想我要么需要使用javascript动态缩放默认的css表单，要么可以利用浏览器的缩放功能(ctrl+/ctrl-)。后一种建议被置之不理，所以我想我不得不以其他方式这样做。
问题是，图像是精灵，它们都是背景图像，所以我不知道缩放它们是否可行。
有人有什么建议吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-06-01 20:54:44
使用JavaScript重新缩放页面所需的时间可能比仅仅编写新的CSS所需的时间更长。"PC分辨率“不是简单的1024x768，你应该假设它是流动的。
我的建议。包括一个现有的样式表，然后创建一个新的样式表，并在它之后包含，覆盖您需要的部分。Firefox + Firebug可能会对你有所帮助，或者Chrome/Safari使用Web Inspector。
虽然这超出了你最初的问题，但我要说的是，盲目地将基于电视的菜单(我假设它是用遥控器操作的)移植到网络上可能是一个坏主意，你的时间可能会更好地花在为网络重建它上，而不是简单地让它适合屏幕。
Stack Overflow用户
发布于 2010-06-01 20:49:19
您确定需要填满整个屏幕吗？许多人保持他们的浏览器窗口小于最大尺寸。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2949823
复制相关文章
相似问题
腾讯云开发者
