如何对我的网站进行编码,以便我的 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">
如何对我的网站进行编码,以便我的 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">