在源为数据uri格式的图像中应用CSS时有什么区别吗?

问题描述

我正在尝试第一次为开源做贡献。 我正在使用scss在react(通过将src或图像的url和图像的大小作为两个道具传递给自定义组件)中的图像(更具体地..图像的大小)的样式,并且当url例如基于web时它可以很好地工作 url =“ https://source.unsplash.com/1000x2000/?Nature” 。 但是,当我以这种数据uri格式传递它时-> url =“ data:image / svg + xml; base64,PHN2Z .....” 作为我的自定义react组件,大小对图像没有影响。

所以我只想知道在设计此自定义react组件时是否应该注意任何区别。

注意:-仅当我通过一个仅以全屏显示图像的附加“全屏”道具时,才会出现此问题。但是当我传递基于Web的URL而不是数据URI时,它可以正常工作。 当我不将fullScreen属性传递给我的react组件时,它也可以与数据URI一起使用。

解决方法

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

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

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