随笔分类 -  html

关于网页的相关随笔记录
swiper当页面和设备发生变化时切换出现卡顿
摘要：observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper 阅读全文
posted @ 2020-12-14 15:07 影之轨迹
如何让div的高度等于宽度
摘要：今天在开发时遇到一个问题，如何使高度等于百分比的宽度。原本的想法是通过js获取，但是这个方法感觉太麻烦，希望能用css做的事情就不要js去做。 完美的方案是通过padding来实现的。 原理 padding的定义: padding属性设置一个元素的内边距，padding 区域指一个元素的内容和其边界 阅读全文
posted @ 2020-11-25 15:33 影之轨迹 阅读(3119) 评论(0) 推荐(0)
图片懒加载(js版)
摘要：使用JavaScript实现图片懒加载 html 1 <body> 2 <div class="img"> 3 <img src="./loading.gif" data-lazyload="https://dpic3.tiankong.com/67/cn/QJ6226943363.jpg@!350 阅读全文
posted @ 2020-09-24 17:38 影之轨迹