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

我一直想弄明白这一点已经有一段时间了。任何帮助都将不胜感激

我似乎找不到根据分辨率和浏览器大小适当缩放文本和图像按钮的方法。我尝试应用各种技术，如CSS、Jquery，甚至在重新调整浏览器窗口大小时缩小字体大小。我怎样才能使所有图层都是动态的，这样在调整整个图层的大小时，所有div都保持同步

谢谢大家!

示例(http://livestutterfree.com/page/)你给刚刚设定的： 听“窗口”的“调整大小”事件，并尝试计算每件事情的适当值，并且没有太多的div、图像和文本，因此可以逐个重置

---

如果你想有这么多的div、图像和文本，这不是一个好的方式来做“喜欢”http://livestutterfree.com/page/“显然。因此，如果浏览器支持“transform”（css3属性），则在调整窗口大小时，您可以尝试在顶层div上设置“transform:scale”。

首先，您应该将背景图像直接放在要根据大小进行调整的div上，例如放在内容或徽标div上。此外，事实上，您使用的是固定定位，这会影响元素调整大小的能力。使用边距或浮动来正确定位事物。

我建议研究响应性网页设计。整个想法是创建一个网站，是在各种观看环境下适合

有一个很好的介绍，然后检查，这将让你更好地了解它

祝你好运，我希望这有帮助