Question

我有一组社交媒体图标，我想在屏幕左侧以固定位置显示。我得到了正常的工作，它适用于除Firefox以外的所有浏览器。我做了一些调查，发现我使用的函数（calc（50％-64px））具有特定于浏览器的版本。所以我试图将这些添加到我的SCSS文件中，但是我收到了编译错误，说我的语法错误。

这是抛出错误的类的示例。该错误并未提及任何具体内容，只是它是语法错误。它绝对是浏览器特定的功能，因为当我删除它们时，一切都编译得很好。

我错过了什么吗？我是SASS的新手。我已经完成了大量的挖掘工作，无法找到解决方案。

.linkedIcon {
    @include icon($socialIcon);
    position:fixed;
    left:0;
    /* Firefox */
    top: -moz-calc(50% - 64px);
    /* WebKit */
    top: -webkit-calc(50% - 64px);
    /* Opera */
    top: -o-calc(50% - 64px);
    /* Standard */
    top: calc(50% - 64px);
    background-image: url('icons/64/linkedIcon.png');
}

我在编辑（来自评论）时收到以下错误

编译\ SiteStyle.scss时抛出异常： System.Net.NetworkInformation.NetworkInformationException （0x80004005）：对内存位置的访问无效

浏览器特定的函数给SASS带来编译错误

0 个答案: