我已经看过许多不同的人对这个问题的答案，但他们只考虑了一个图像。 我在我的标题中放置了两个图像有问题，当我调整浏览器大小时，我希望它们可以缩小它以便它们不会取代我的整个网站。
我将它托管在Dropbox中，这样您就可以看到我的问题：https://dl.dropbox.com/u/13722201/Dorset%20Designs/home.html
另外一个问题是我没有将页脚从屏幕底部连接并将其放在身体下方，因此用户必须向下滚动。 p.s我几个月前将页脚附在底部，我忘了如何撤消它。
对可怕的MESSY代码抱歉
提前致谢
Arran，16岁
答案 0 :(得分：1)
以下是我的表现。首先，使用CSS为每个图像设置样式以width:100%和height:auto。这使得它们能够响应容器的大小。丢失width标记中的height和img属性 - 我甚至不确定这些属性是否有效。
现在这里有聪明的部分。您的图片为550px和298px宽，大约为65％：35％。当标题在断开之前处于最窄点时，它的大小与两者的总和一样宽。因此，请提供大图片容器max-width:65%和小图片容器div max-width:35%。
这样，当浏览器窗口较小时，图像相应地缩小 - 并且不会变得比窗口宽时需要的大。我在你的页面上试了一下，我认为它有效 - 看看它是否适合你。 ：）