基础宝石不兼容的单位：“ rem”和“ px”

CSS

小胖

2020-04-03

我已经安装了5.5.2.1版的基础gem。当我启动应用程序时，我收到此错误：

Showing /home/user/Scrivania/sites/store/app/views/layouts/application.html.erb where line #9 raised:

Incompatible units: 'rem' and 'px'.

在互联网上出现其他情况后，我尝试更改我的gem文件夹中的_settings.scss文件：

../../var/lib/gems/2.1.0/gems/foundation-rails-5.5.2.1/vendor/assets/stylesheets/foundation/_settings.css

我评论了以下几行：

$row-width: rem-calc(1000);
$column-gutter: rem-calc(30);
$total-columns: 12;

我已经设置了自定义的$ base-font-size：

 $base-font-size: 14px;
 $rem-base: $base-font-size;

我不想降级我的宝石，所以您能帮我解决这个错误吗？

第4029篇《基础宝石不兼容的单位：“ rem”和“ px”》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答

番长 2020.04.03

该问题发生在您的SCSS中的某个地方，因为您正在混合rem-calc并且px在一个函数中，这将引发错误。我遇到了同样的问题，并通过将某些自定义样式和替代更改为来解决rem-calc。您可能覆盖了与默认基础样式冲突的变量。

这是可能发生此错误的示例：

$my-font-size: rem-calc(18);
.my-class { 
  font-size: ($rem-number - 5px); 
}

但是，当您用Foundation在带有rem-calc的函数中使用的px值覆盖变量时，仍然会发生这种情况。

我建议您仔细阅读一下foundations_and_overrides.scss，看看您是否已使用px值覆盖了所有变量，然后将其更改为rem-calc。$topbar在我的案例中，覆盖变量是问题。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android