You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Expo Web(React Native Web)中Tailwind CSS类被内联样式覆盖的问题求助

Expo Web(React Native Web)中Tailwind CSS类被内联样式覆盖的问题求助

各位大佬,我遇到个头疼的问题想请教下!我正在开发一款Expo应用,最初是针对Android平台构建的,现在想让它也能在网页端正常运行,尤其是适配移动端浏览器。结果发现,当应用在iOS和Android的移动端浏览器里运行时,我写的Tailwind CSS类居然被一些意想不到的内联样式给覆盖了!

举个实际的例子,我代码里有这样一个Image组件:

<Image
    source={require("@/assets/images/logo-login.png")}
    className="w-[105px] h-[105px] mt-4"
    resizeMode="contain"
/>

(注:原提问中resizeMode的内容存在截断,这里补了常见的contain属性值)

我通过Tailwind设置的宽度、高度和上边距样式,都被浏览器自动生成的内联样式冲掉了,导致组件的显示效果完全不符合预期。有没有朋友遇到过类似的情况?求支招解决这个问题!

备注:内容来源于stack exchange,提问作者Harjeevan Singh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.13 17:10:28