Flexbox
本话题发布Flexbox相关的问答文章和技术分享，将持续更新，为您推荐了14篇问答，访问即可查看更多精彩内容。
-
1
回答
32浏览
PostCSS 自定义 parser 为什么没生效？
我试着用 PostCSS 写了个自定义 parser 来处理特殊的 CSS 注释语法，但配置完之后发现根本没走我写的 parser 逻辑。是不是哪里配置错了？ 我的 postcss.config.js...
-
1
回答
53浏览
PostCSS插件怎么处理HTML里的内联样式？
我写了个PostCSS插件想自动给CSS加前缀，但发现它只处理了单独的CSS文件，HTML里style属性的内联样式完全没被处理，这咋办？ 试过用posthtml配合postcss，但配置太复杂还报错...
-
2
回答
16浏览
BEM命名中嵌套块的类名该怎么写才规范？
我最近在用 BEM 写一个商品卡片组件，结构大概是“卡片里有标题、价格、按钮”。按照 BEM 规范，主块是 product-card，那里面的按钮应该叫 product-card__button 没问...
-
1
回答
58浏览
Figma导出的CSS代码为什么和设计效果不一致？
我在Figma里做了一个按钮，导出成CSS后粘贴到项目里，颜色和间距都对不上，明明Figma里看着很完美。我试过检查单位、字体、盒模型，但还是有问题。 这是Figma自动生成的CSS代码： .butt...
-
2
回答
81浏览
Svelte 中的 CSS 作用域到底是怎么工作的？
我在 Svelte 组件里写了样式，发现它只作用于当前组件，但我不太明白它是怎么做到的。比如我写了一个 .btn { color: red; }，在另一个组件里也写同样的类名，样式不会互相影响，这是自...
-
2
回答
45浏览
PostCSS处理AST时如何准确匹配特定CSS规则？
我最近在用 PostCSS 写一个插件，想只处理某些特定的 CSS 规则，比如 class 名包含 btn- 的选择器。但发现用 rule.selector.includes('btn-') 会误匹配...
-
1
回答
58浏览
媒体查询在手机上不生效是怎么回事？
我写了一个媒体查询，想在手机上把字体变小点，但在真机上完全没反应。我用的是 @media (max-width: 768px)，本地浏览器模拟器里是好的，一到手机就失效了。 是不是漏了什么 meta ...
-
2
回答
49浏览
延迟加载非关键CSS后页面布局错乱怎么办？
我在做首屏优化时，把非关键的CSS用media="print"加onload的方式延迟加载，但发现页面一开始没样式，等CSS加载完又突然跳动，布局完全错乱了。是不是关键CSS提取得不对？ 我现在的写法...
-
2
回答
44浏览
Sass变量嵌套使用时子元素样式被覆盖怎么办？
在用Sass写导航栏样式时遇到问题，定义了链接的hover颜色变量，但子菜单项的悬停颜色没生效。我写了这样的代码： $primary: #007bff; nav a { color: $primary...
-
2
回答
38浏览
给图片加旋转变形后位置偏移了怎么办？
我给图片加了transform: rotate(30deg)，但位置突然偏到一边了，调整margin也不对，这是为什么？ 代码是这样的： <div class="photo-container"...
-
1
回答
47浏览
PostCSS Stringifier处理动态类名时样式输出不完整怎么办？
我在React项目里用PostCSS自定义了一个stringifier插件，想把动态生成的类名统一加上前缀。但发现处理后的CSS某些属性直接被去掉了，比如这个按钮组件的padding样式完全没输出： ...
-
2
回答
78浏览
Vite项目中Sass变量在Vue组件里失效怎么办？
我在用Vite+Vue3开发时，按照文档在组件style标签里写了lang="scss"，但定义的$primary-color变量一直报未识别的标识符错误，控制台提示"undefined variab...
-
2
回答
59浏览
为什么我的PostCSS Autoprefixer没自动添加-webkit前缀？
在项目里用了CSS的backdrop-filter属性，但发现旧版Chrome（比如60版本）里滤镜完全失效。检查打包后的CSS文件，发现Autoprefixer根本没给加上-webkit-前缀，这是...
-
2
回答
73浏览
媒体查询在移动端失效，但桌面端正常怎么办？
我在做一个响应式布局，给移动端写了媒体查询，但手机访问时样式完全没变化。我检查过代码，桌面端缩小窗口到768px以下是可以触发的。尝试过清除浏览器缓存也不行，是不是哪里写错了？ 代码是这样的： @me...
