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

2022年7月4日 28点热度 0人点赞

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

工具/原料

  • Dreamweaver
  • 电脑

方法/步骤

  1. 1

    打开Dreamweaver,新建一个html

  2. 2

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

  3. 3

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

    END

注意事项

  • 重点就是第三步,重中之重
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论