Angular12 +Ionic5 不同移动端样式不同的问题

"本文揭示了一个关于Ionic框架的细节,即组件会根据启动的手机平台进行样式自适应。作者最初误以为是bug,但在深入阅读文档后发现这是正常功能。通过在组件标签中添加`mode="ios"`或`mode="android"`,可以手动调整组件在Android和iOS上的显示样式。作者强调在使用组件时理解文档的重要性,避免不必要的困扰。"
摘要由CSDN通过智能技术生成

问题描述:

(android):

 

(ios):

同样的组件手机不同效果不同。

不是bug!!!不是bug!!!不是bug!!!(我以为是bug,试了好多方法都没解决,后来仔细看文档才发现~~)

它是ionic组件的一个自适应移动端样式(项目启动时组件会检测启动的手机来进行样式自适应),这个自适应样式可以更改。

更改方法是在对应组件的标签中写入mode ="ios"或者mode ="android"。

android可以改成iOS样式,同理ios也可以更改为Android样式。

ps:大家使用组件时一定要多看文档,不要会调用就完事了,不然会走很多冤枉路(表学我!!)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值