响应式轮播，小圆点按钮如何根据浏览器收缩自适应？我用的position。缩小放大位置会跑！

Question

这个图片是在全屏下。、

这个图片是在缩小的时候。

我的图片宽度高度都是100%的。

Answer 1

按钮定位的参照是否和图片所在容器有关联，不然单方面的改变肯定会造成按钮的跑偏

Answer 2

1、定位百分比,
2、CSS3 @media 可以定义几个像素方位,更改Position 的位置。
3、不用position 定位,其他也可以。

Answer 3

设置小圆点容器position absolute slider元素position relative 即相对于slider绝对定位

Answer 4

根据小圆点绝对定位，跟图片使用相同的父级元素。父级元素设置相对定位。

Answer 5

整个轮播放在一个div框中，设置position为relative，给小圆点的父节点使用绝对定位，设置 right 和 bottom 就ok

Answer 6

试试百分比。

Answer 7

可以试试rem