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

在源为数据uri格式的图像中应用css时有什么区别吗?,css,reactjs,image,styling,data-uri,Css,Reactjs,Image,Styling,Data Uri,我第一次尝试在开源领域做出贡献。 我正在使用SCS在react(通过将src或图像的url和大小作为两个道具传递给自定义组件)中设置图像的样式(更具体地说,是图像的大小),当url基于web时,它可以正常工作,例如url=”https://source.unsplash.com/1000x2000/?Nature“。 但是,当我以数据uri格式将其传递给我的自定义组件时,大小对图像没有影响,比如->url=“data:image/svg+xml;base64,PHN2Z…” 所以我只想知道,在设

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

所以我只想知道,在设计这个定制组件的样式时,我是否应该注意到任何差异

注意:-只有当我通过一个额外的“全屏”道具时才会出现问题,该道具只是全屏显示图像。但是,当我传递一个基于web的URL而不是一个数据URI时,它工作得很好。
当我没有将全屏道具传递给react组件时,它也可以处理数据URI。

这是否回答了您的问题?您的“基于web的url”是否也指向svg?嵌入data:URI中的svg图像是否在其根
元素上定义了
宽度
高度
属性?如果是,使用哪一个单元?无论如何,我们需要更多的细节来帮助你,例如a.请参考这个沙箱。如果我对allowFullScreen行进行注释,它将按预期工作@凯伊多。其中size=“l”我们可以使用specify m/s/xl代替,甚至可以指定任何数字(即在px中)。@Roy用户可以选择使用任何数据格式。我只是想确保,如果用户/开发人员想要使用数据uri,它应该按照预期工作。我只想修复elastic ui存储库中报告的此错误。我是一个试图学习开源贡献的学生。