html css实现轮播图怎么做屏幕大小的自适应处理

Question

如题所述

Answer 1

当屏幕宽度大于等于768px时，图片使用大图，轮播图里的div高度固定，宽度为窗口的宽度(随窗口宽度的变化而变化)
当屏幕宽度小于768px（手机）时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化
1.打开代码编辑器。

1.html代码的编写。

3.css代码的编写。

4.js的代码编写。

5.在移动端手指触摸轮播图切换效果代码的编写:

6.也可以使用bootstrap框架直接引入css文件。