如何使图像适合所有类型的设备

Question

我在菜单栏下方添加图像滑块。它非常适合所有类型的设备。那么我该怎么做才能适应各种设备。

Answer 1

请遵循此代码

<div class="slidebar">
<img src="https://cdn.sstatic.net/Sites/stackoverflow/img/sprites.svg?v=8c1c8cba242e">
</div>

CSS

.slidebar{
  width:100%;
  height:auto;
  overflow:hidden;
}

.slidebar img{
  width:100%;
  height:auto;
}

工作演示https://jsfiddle.net/Rahul_Ravi/6kqxwjz8/