移动端适配
zhenwei zhao
这个作者很懒,什么都没留下…
展开
-
rem适配方案
rem适配方案 适配的目标是什么? 让一些不能等比自适应的元素,达到当设备尺寸发生变化的时候,等比例适配当前设备 使用媒体查询根据不同的设备按比例设置html的字体大小,然后页面元素使用rem做尺寸单位,当htnl字体大小发生变化元素的尺寸也会发生变化,从而达到等比例适配 rem适配方案技术使用 技术方案1 less 媒体查询 rem 方案2(推荐) flexible.js rem rem实际开发适配方案1 设计稿常键尺寸宽度 设备 常见宽度 iphonex 750px an原创 2021-07-19 10:10:58 · 152 阅读 · 1 评论 -
less基础
less基础 css的弊端 css是一门非程序式语言,没有变量,函数,scope(作用域)等概念 css需要书写大量看似没有逻辑的代码,css冗余度比较高 不便于维护和扩展,不利于复用 css没有很好的计算能力 less是一门css扩展语言,也称为css预处理器 less变量 less编译 less嵌套 less运算 less变量 变量指没有固定的值,可以改变的。一般用于颜色和数值 @变量名:值; 变量名规范 必须@为前缀 不能包含特殊字符 不能数字开头 大小写敏感 less编译 利用v原创 2021-07-19 10:04:12 · 192 阅读 · 0 评论 -
rem适配
rem适配 rem (root em)和em的区别: em是相对与父元素的字体大小来说的## 标题 rem是相当于HTML元素的字体大小 rem的优点就是可以通过修改HTML里面的文字大小来改变页面中元素的大小可以整体控制 媒体查询(Media Query) css3最新样式 可以根据不同的屏幕尺寸设置不同的样式 @media mediatype and|not|only (media feature){ css-Code; } 用@media开头注意@符号 mediatype媒体原创 2021-07-19 09:55:54 · 75 阅读 · 0 评论