如何编码我的网站，以便我的100％宽度的图像根据屏幕分辨率的变化来调整尺寸？

Question

如何编码我的网站，以便100％宽的图像根据不同的屏幕分辨率调整大小？例如1280 x 720。

Here是指向我的主页的链接，其中的图像需要根据屏幕分辨率进行调整。查看119至123行以获取图像代码。

Answer 1

您已经使用css中的 img 在图像上放置了700px +的高度。在CSS中添加另一个类，说：

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

向要具有100％宽度的图像添加 class =“ full-width-img” 。

编辑 从您的 img 标签中删除宽度 qnd 高度。因为现在它们是：

<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">