一些不是全部后备CSS属性消失了create-react-app

编程问答 2022-06-07

问题描述

我正在一个使用create-react-app构建并部署到Heroku的网站上。我已经使用了一些CSS属性以及后备功能，以支持较旧的浏览器，尤其是在使用clamp时。

#npp-container {
  padding: 0;
  margin-top: 6vw;
  margin-top: clamp(80px,6vw,300px);
}

如果浏览器不了解钳位计算，您会发现保证金顶部存在备用。在localhost上，它运行良好，这是chrome检查器中元素属性的快照：

dom properties

但是在已部署的站点上，回退已消失，从而使页面在较旧的浏览器上无法正确呈现。我尝试添加其他具有后备属性（z-index和padding），并且z-index有效，而padding无效。这是代码：

#npp-container {
  z-index: 0;
  z-index: 1;
  padding: 0;
  padding: clamp(0px,0px,0px);
  margin-top: 6vw;
  margin-top: clamp(80px,300px);
}

，部署后结果显示在chrome中：

dom elements

CSS后备属性在该项目的其他地方也能正常工作。回退是否存在一些问题，特别是与边距和填充有关？ Webpack是否出于某些原因而清除了后备？ ，我很困。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fallbackreactjsreactjsreactjsreactjswebpackwebpackwebpack