如何对我的网站进行编码,以便我的 100% 宽度图像根据屏幕分辨率的变化调整大小?

How do I code my website so that my 100% width images adjust size according to screen resolution changing?

如何对我的网站进行编码,以便我的 100% 宽度图像根据不同的屏幕分辨率调整大小?例如1280 x 720.

Here 是我主页的 link,其中包含需要根据屏幕分辨率调整大小的图像。查看第 119 到 123 行的图像代码。

您使用 css 中的 img 将图像的高度设置为 700px+。在css中再添加一个class说:

.full-width-img{
    width:100%;
    height:auto;
    display:block;
    }

class="full-width-img" 添加到您想要 100% 宽度的图像中。

编辑img 标签中删除 width qnd height。因为现在他们是:

<img src="images3/motoxmaxres.jpg" class="full-width-img" width="100%" height="" alt="motocross landing">

虽然应该是

<img src="images3/motoxmaxres.jpg" class="full-width-img" alt="motocross landing">