多语言展示
当前在线:245今日阅读:167今日分享:16

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

轮播图做屏幕自适应其实是个框架性的问题,简单说一下理论,希望能帮助到你
工具/原料
1

Dreamweaver

2

电脑

方法/步骤
2

我简单举例说,我在页面上添加了一张图片【J1.jpg】,并且在上面添加一个按钮【button】,然后添加了一个样式【style】,如图:

3

重点请看【style='position:absolute; left:10px; top:10px】,如截图右边标准的css框架,这三个的意思一定要明白,这是定位的意思,absolute绝对位置,后面就左右10px,这里一定要改为相对位置relative,并且像素px要改为百分比(%),这样就可以自动缩放了,所有的自动缩放都是这一项核心功能,其它的都是框架布局的结果

注意事项

重点就是第三步,重中之重

推荐信息