LESS中加‘~’符号的区别
Deshun 发布于 3年前 (2022-04-07) 3812℃ 评论(0) 赞 (0)
在 *.less 文件中写:.test { width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的:.test { width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...
Deshun 发布于 3年前 (2022-04-07) 3812℃ 评论(0) 赞 (0)
在 *.less 文件中写:.test { width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的:.test { width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...
Deshun 发布于 6年前 (2019-05-23) 7219℃ 评论(0) 赞 (0)
日常项目中,后端传图不规则,比例大小不一。前端又要去做适应,是一个让人非常头大的问题。总结了一个不规则图片不变形的解决方案:注:先写一个长 300px 宽 200px 带边框的 div ,图片接近方形,实现图片正常显示不变形。<div class="bo...
Deshun 发布于 6年前 (2019-05-14) 2732℃ 评论(0) 赞 (2)
奇葩老板就会有奇葩需求,他要求像上图一样,每两行用一条横线隔开,但这是循环出来的呀,怎么才能每隔一行选中5个呢?可以用 CSS 选择器 nth-child 来实现:nth-child 有不少扩展应用,比如:nth-child(odd) 匹配奇数个(1、3、5)。nth-...