1

我看过很多不同的人对这个问题的回答,但他们只解释了一张图片。我在标题中放置的两个图像有问题,当我调整浏览器的大小时,我希望它们按比例缩小,这样它们就不会取代我的整个网站。

我将它托管在保管箱中,因此您可以看到我的问题是:https ://dl.dropbox.com/u/13722201/Dorset%20Designs/home.html

我遇到的另一个问题是从屏幕底部取消附加页脚并将其放在正文下方,因此用户必须向下滚动。ps 几个月前我将页脚附加到底部,但我忘记了如何撤消它。

抱歉代码乱七八糟

提前致谢

阿兰,16

4

1 回答 1

1

这就是我的做法。首先,使用 CSS 设置每个图像的样式,使其具有width:100%height:auto. 这使他们响应容器的大小。从标签中丢失这些width和属性- 我什至不确定这些是否有效。heightimg

现在,聪明的部分来了。你的图像很550px298px,大约是 65%:35% 的比例。当头球在断裂前处于最窄点时,它的宽度大约与两者之和一样宽。所以给大图的容器max-width:65%,小图的容器div max-width:35%

这样,当浏览器窗口较小时,图像会相应缩小 - 并且不会变得大于窗口宽时所需的大小。我在您的页面上尝试过,我认为它有效 - 看看它是否适合您。:)

于 2012-06-21T18:43:31.790 回答