Less适配移动端rem
2024-09-06 07:26:49
@ue-width: 750; /* 设计图的宽度 */
.px2rem(@px) {
@remValue: @px/@ue-width*10;
@pxToRem: ~"@{remValue}rem";
} /*使用*/
.cat-icon {
.px2rem(100);
width: @pxToRem;
height: @pxToRem;
}
写法比较局限,一个class中只能有一个数值做转换,连续使用会按照最后一个计算出的rem值解析。
多次使用要多次设置类名。累赘。
先记录下。以后有更优化方式再修改。
最新文章
- Security Policy:行级安全(Row-Level Security)
- MySQL 备份与恢复
- 【转】valueof()用法
- Maven配置不成功
- markdown语法学习笔记
- OpenStack虚拟机状态
- ZOJ 1205 Martian Addition
- ActionScript 设置元件色彩属性
- sicily 1027 MJ, Nowhere to Hide 字符串匹配与排序
- 8个很有用的PHP安全函数,你知道几个?
- The method getContextPath() is undefined for the type ServletContext
- codevs 1217 借教室
- cocos2d-x3.0数据结构
- 浅析被element.style所覆盖的样式
- 新建github项目,邀请成员
- ASP.NET Core中使用GraphQL - 第六章 使用EF Core作为持久化仓储
- Web安全之XSS Platform搭建及使用实践
- 分布式计算课程补充笔记 part 3
- crontab 在指定时间范围每隔2小时执行一次和指定时间执行实例
- POJ 1458 最长公共子序列(dp)