qq_45859670的博客

探讨图片更好的展示、图片自适应屏幕宽度方案

文章目录前言案例解析scoped原理深度选择器深度属性选择器原始csslessscss 前言 我们都知道Vue中,加上scoped的作用只是对于当前的组件有用（样式） <style scoped> </style> 案例解析scoped原理 Home.vue <template> <div class="home"> <h1>hello</h1> <HelloWorld msg="Welcome to You

文章目录rem概念rem实现字体大小自适应自适应布局响应式布局 rem概念 rem实现字体大小自适应 <script> let self_adaption=()=>{ let w = document.documentElement.clientWidth; let n = (20*(w/320)>40?40+"px":20*(w/320)+"px") document.documentElement.style.fontSiz

深入了解css的行高Line Height属性

适配不同设备，对应不同的css 默认为 media=“all” <!-- 正常屏幕 --> <style media="screen"> </style> <!-- 打印机屏幕 --> <style media="print"> </style> 外部导入css <link rel="stylesheet" href="screen.css" media="scr