移动web
蜡笔小新007
这个作者很懒,什么都没留下…
展开
-
Less基础
维护CSS的弊端 CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。 1、CSS 需要书写大量看似没有逻辑的代码,CSS 冗余度是比较高的。 2、不方便维护及扩展,不利于复用。 3、CSS 没有很好的计算能力 4、非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码项目。 Less介绍 1、Less (Leaner Style Sheets 的缩写) 是一门 CSS 扩展语言,也成为CSS预处理器。 2、做为 CSS 的一种形式的扩展,它并原创 2020-06-28 09:40:55 · 147 阅读 · 0 评论 -
移动web——流式布局
1、多倍图对实际开发的影响 1、测量值永远是物理像素值 2、测量值需要除以屏幕的倍数才能得到css像素值(一般为2倍图) 2、视口的设置 将默认视口设置等于理想视口,写在<head>标签里,将网页宽度设置为设备宽度 <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> 3、百分比单位 特点:设置了百分比单位的盒子会随着父元素的宽度变化而变原创 2020-05-27 22:43:36 · 297 阅读 · 0 评论 -
rem与em单位对比
em:相对单位,参考对象是直接父元素的font-size 例如:父元素font-size:10px; 子元素width:3.5em,那么子元素的width为10乘以3.5=35px rem:相对单位,参考对象是根元素(html)的font-size 例如:html font-size:100px ,元素 height:1.2rem,那么元素的height为100乘以1.2=120px em/rem都只是一个单位值,用到任意需要设置尺寸的地方都可以 em/rem都有自己的参考对象 ...原创 2020-05-28 22:52:40 · 133 阅读 · 0 评论