重新调整和移动网站图像和文本div以使用动态背景

时间:2012-02-15 16:30:42

标签: javascript jquery html css

我一直试图想出这个问题一段时间了。任何帮助将不胜感激!

我似乎找不到根据分辨率和浏览器大小正确缩放文本和图像按钮的方法。我尝试应用各种技术,如CSS,Jquery,甚至在浏览器窗口重新调整大小时缩小字体大小。如何使所有图层动态化,以便在调整整个大小时,所有div保持同步?

谢谢!

3 个答案:

答案 0 :(得分:0)

你给出的例子(http://livestutterfree.com/page/): 听“窗口”的“调整大小”事件并尝试计算每个事物的正确值,并且没有太多的div,图像和文本,以便可以逐个重置。

如果你想拥有如此多的div,图像和文字,那么显然不是像“http://livestutterfree.com/page/”这样的好方法。因此,如果浏览器支持“transform”(css3属性),则可以在调整窗口大小时尝试在顶级div上设置“transform:scale”。

答案 1 :(得分:0)

首先,您应该将背景图像直接放在要根据大小调整的div上,例如在内容或徽标div上。此外,您使用固定定位的事实正在弄乱元素调整大小的能力。使用边距或浮点数来正确定位。

答案 2 :(得分:0)

我建议调查响应式网页设计。整个想法是创建一个适合各种观看环境的网站。

This episode of doctype.tv有一个很好的介绍然后查看this article on elated.com,这将使您更好地了解它。

祝你好运,我希望这会有所帮助!