如何根据显示使div垂直响应

Question

我希望像 // print out the value you read: Serial.print("This is a sentence that varies..."); Serial.println(sensorValue); delay(100); 一样使div垂直响应，这样图像在任何条件下都不会失去形状，高度根据重新调整大小的浏览器而变化..同样如果我做滑块div使用<img src="img.jpg" style="max-width:100%; height:auto;">并且最初为width 100%。所以我希望它能像它的宽度一样减少高度。如果我使用max-height 600px方法，那么它在移动视图中不会给出好的结果。工作滑块的一个很好的例子是在以下链接上。

example slider.

Answer 1

使用css代替<img />

.image{
   background-image    : url(<image_url>);
   background-size     : cover;
   background-position : center;
   background-repeat   : no-repeat;
}