Skip to Content (Press Enter)
UserImage.jpg
you asen
8Views
4Comments
Solved
How to make mobile app responsive for Iphone 12 min, 12pro, pro max
Question
Mobile

Hi,

I'm facing an issue regarding  the UI, when I run the app in iphone 12 pro/12 max it looks as expected like this:

but when I run it in iphone 12 MIN it look like this :

is there a way please to check the type of the device ot somthing like that in outsystems to override this problem?

0
0
16 Jun 2023
Copy Link
2021-06-02 20-50-04
Márcio Carvalho
Solution

Replying to you asen's comment on 16 Jun 2023 09:06:48

Never (almost) use static values. Try to avoid it because, in some MOBILE DEVICES, you will see different results.

Use this

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 

See solution in context
0
0
16 Jun 2023
Copy Link
2021-06-02 20-50-04
Márcio Carvalho

I dont know what is behind and don't know the structure as well, so there's a small percentage that my answer will help you. In this case, it is good for you to send an OML.

So, I think if the small circle with the number is a position absolute so I would try to use transform: translate(-50%,-50%), and the parent should have a position relative.

Kind Regards,

Márcio

0
0
16 Jun 2023
Copy Link
UserImage.jpg
you asen

thanks,I tried  translate(-50%,-50%), it give this result, but how I can make it in the center?

I tried left: 130px it doesnt work

0
0
16 Jun 2023
Copy Link
2021-06-02 20-50-04
Márcio Carvalho
Solution

Replying to you asen's comment on 16 Jun 2023 09:06:48

Never (almost) use static values. Try to avoid it because, in some MOBILE DEVICES, you will see different results.

Use this

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 

0
0
16 Jun 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.