轮播图做屏幕自适应其实是个框架性的问题,简单说一下理论,希望能帮助到你
工具/原料
1
Dreamweaver
2
电脑
方法/步骤
2
我简单举例说,我在页面上添加了一张图片【J1.jpg】,并且在上面添加一个按钮【button】,然后添加了一个样式【style】,如图:
3
重点请看【style='position:absolute; left:10px; top:10px】,如截图右边标准的css框架,这三个的意思一定要明白,这是定位的意思,absolute绝对位置,后面就左右10px,这里一定要改为相对位置relative,并且像素px要改为百分比(%),这样就可以自动缩放了,所有的自动缩放都是这一项核心功能,其它的都是框架布局的结果
注意事项
重点就是第三步,重中之重
上一篇:图片轮播实例代码