2020年10月7日

542 vw弹性适配

摘要： vw : 1vw 等于视⼝宽度的1% vh : 1vh 等于视⼝⾼度的1% vmin : 选取 vw 和 vh 中最⼩的那个 vmax : 选取 vw 和 vh 中最⼤的那个 视⼝单位区别于%单位，视⼝单位是依赖于视⼝的尺⼨，根据视⼝尺⼨的百分⽐来定义的；⽽%单位则是依赖于元素的祖先元素。 <!DO 阅读全文

posted @ 2020-10-07 20:52 冲啊！ 阅读(159) 评论(0) 推荐(0)

541 固定定位不总是相对于浏览器视窗（viewport）进行定位

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>固定定位（posi 阅读全文

posted @ 2020-10-07 17:45 冲啊！ 阅读(335) 评论(0) 推荐(0)

540 CSS3属性对层叠上下文的影响

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS3属性对层叠 阅读全文

posted @ 2020-10-07 17:27 冲啊！ 阅读(110) 评论(0) 推荐(0)

539 层叠上下文的创建（层叠上下⽂形成条件）

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>层叠上下文的创建- 阅读全文

posted @ 2020-10-07 17:09 冲啊！ 阅读(213) 评论(0) 推荐(0)

538 不同堆叠上下文元素排列顺序

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>不同堆叠上下文元素 阅读全文

posted @ 2020-10-07 16:49 冲啊！ 阅读(146) 评论(0) 推荐(0)

537 同一个堆叠上下文元素排列顺序

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>同一个堆叠上下文元 阅读全文

posted @ 2020-10-07 16:42 冲啊！ 阅读(139) 评论(0) 推荐(0)

536 层叠顺序

摘要： https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-orderz-index/ <!-- 我的demo --> <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文

posted @ 2020-10-07 16:30 冲啊！ 阅读(131) 评论(0) 推荐(0)

535 postition fixed和sticky

摘要： https://www.zhangxinxu.com/wordpress/2020/03/position-sticky-rules/ 我的demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" 阅读全文

posted @ 2020-10-07 10:03 冲啊！ 阅读(162) 评论(0) 推荐(0)

534 定位常⻅值及原理

摘要： http://www.ruanyifeng.com/blog/2019/11/css-position.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content= 阅读全文

posted @ 2020-10-07 09:58 冲啊！ 阅读(146) 评论(0) 推荐(0)

导航