Less中如何通过Mixin和Media Queries实现适配移动端的1px边框CSS?

2026-05-07 12:010阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计928个文字,预计阅读时间需要4分钟。

Less中如何通过Mixin和Media Queries实现适配移动端的1px边框CSS?

直接写+border: 1px solid+

Less 中如何用 @mixin 封装伪元素 + scaleY 方案

核心是把边框逻辑抽成可复用的 mixin,只控制「画在哪」「缩多少」「原点在哪」。不能对整个元素缩放,否则内容会被压扁;必须作用于 ::after::before,且显式设 content: ""position: absolute

阅读全文
标签:CSS

本文共计928个文字,预计阅读时间需要4分钟。

Less中如何通过Mixin和Media Queries实现适配移动端的1px边框CSS?

直接写+border: 1px solid+

Less 中如何用 @mixin 封装伪元素 + scaleY 方案

核心是把边框逻辑抽成可复用的 mixin,只控制「画在哪」「缩多少」「原点在哪」。不能对整个元素缩放,否则内容会被压扁;必须作用于 ::after::before,且显式设 content: ""position: absolute

阅读全文
标签:CSS