基础 gem 不兼容的单位：'rem' 和 'px'

Posted 2023-03-06

【中文标题】基础 gem 不兼容的单位：\'rem\' 和 \'px\'

【英文标题】：Foundation gem Incompatible units: 'rem' and 'px'基础 gem 不兼容的单位：'rem' 和 'px'

【发布时间】：2015-10-28 00:54:35

【问题描述】：

我已经安装了版本 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;

我不想降级我的 gem，你能帮我解决这个错误吗？

【参考方案1】：

问题出现在 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 变量是我的问题。

【讨论】：

谢谢@JeffD23。这正是我的问题，我被困住了。将一些在其他地方使用的 px 值更改为 rem-calc() 并解决问题。