2022年11月2日
野花--父盒子相对定位,设置padding值,那么绝对定位的子盒子起点在哪里?
摘要： .yellow { position: relative; width: 300px; height: 300px; padding: 20px; background-color: yellow; } .blue { position: absolute; top:0; left: 0; widt 阅读全文
posted @ 2022-11-02 19:24 EricYJChung 阅读(43) 评论(0) 推荐(0)
移动端特殊样式,常用移动端初始化样式
摘要： 虽然是移动端特殊样式,但是随着移动端和客户端逐渐倾向于兼容,这些样式也可以适用于客户端, 目前开发已经逐渐不考虑css的样式兼容性问题,绝大多数的浏览器已经支持新css样式. /*CSS3盒子模型*/ box-sizing: border-box; -webkit-box-sizing: borde 阅读全文
posted @ 2022-11-02 14:48 EricYJChung 阅读(235) 评论(0) 推荐(0)
野花--为什么没有清除浮动的盒子,但是后面的元素也没有顶上去
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width,initial-scale=1, 阅读全文
posted @ 2022-11-02 14:21 EricYJChung 阅读(34) 评论(0) 推荐(0)
图片加载显示错误,使用替代图片的方案
摘要： 问题来由: 我是在使用avif格式图片在edge浏览器上显示不出来,出现兼容性问题,因此尝试解决. 第一种: img标签中srcset属性 <img src="original.avif" srcset="alternative.webp" alt=""> img标签的srcset属性可以用于根据浏 阅读全文
posted @ 2022-11-02 12:22 EricYJChung 阅读(570) 评论(0) 推荐(0)