Bigcommerce模板在开发和生产之间存在不一致的CSS样式

时间:2016-06-09 03:03:47

标签: bigcommerce

Bigcommerce是否会对生产中生成的主theme.css样式表进行某种缩小?我发现一个奇怪的问题,即某些在开发中正常工作的样式确实出现在生产中。

这是一个例子。在我的开发商店中,您可以在此处看到新的客户注册框:

enter image description here

正如您在右侧所看到的,我正在显示正在应用于ul元素的样式,这样可确保左边距为1.25rem。

现在,在将主题与stencil bundle捆绑在一起并将其上传到我的开发商店之后,这就是我所看到的:

enter image description here

如您所见,ul元素不再应用margin-left。在右侧,您可以看到应用的样式与生产中的样式不同。具体而言,margin-left: 1.25rem规则正在覆盖margin: 0规则。

就好像运行某个进程来组合某些元素的样式声明一样,但这会导致规则的顺序发生变化。有谁知道这里发生了什么?或者正在使用什么过程来尝试缩小此CSS?也许这是图书馆进行缩小的一个错误。

更新

这是我刚遇到的另一个问题的例子。当用户将鼠标悬停在主图像上以指示它们可以缩放时,我声明了一种用于显示放大玻璃的样式。样式定义如下:

.zoomImg {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

正如您所看到的,在开发过程中,此样式适用于.zoomImg

enter image description here

然而,在制作中风格不正确。缺少chrome前缀声明:

enter image description here

它去了哪里?我很困惑为什么样式会被改变。我再次假设它是一些缩小过程的一部分。有什么想法吗?

0 个答案:

没有答案