如何解决一些不是全部后备CSS属性消失了create-react-app
我正在一个使用create-react-app构建并部署到Heroku的网站上。我已经使用了一些CSS属性以及后备功能,以支持较旧的浏览器,尤其是在使用clamp
时。
#npp-container {
padding: 0;
margin-top: 6vw;
margin-top: clamp(80px,6vw,300px);
}
如果浏览器不了解钳位计算,您会发现保证金顶部存在备用。在localhost上,它运行良好,这是chrome检查器中元素属性的快照:
但是在已部署的站点上,回退已消失,从而使页面在较旧的浏览器上无法正确呈现。我尝试添加其他具有后备属性(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中:
CSS后备属性在该项目的其他地方也能正常工作。回退是否存在一些问题,特别是与边距和填充有关? Webpack是否出于某些原因而清除了后备? ,我很困。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。