I have an app that I test with a Samsung S8. I tested it on a Samsung S9 and the sizing was similar. I tested it on a Samsung Tablet and the Checkboxes were undersized as well as the Title/Logo and text.
So I clicked on the Screen1 Fixed/Responsive setting to Responsive. I moved stuff around and reset the Checkboxes and got them the way I wanted, then looked at it on the S8 and everything was way too big.
So I set up everything, including the logo and title to look good on the S8. Then I looked at it on the S9, which should be very similar and the size for everything was blown up too large.
I reset the Fixed/Responsive back to Fixed, but the S9 still shows up too large. It is as if it is completely ignoring the Fixed setting.
Any ideas as to what’s going on? How do I get my app to look the same on different devices?
As you can see, the font size is too large on the S9, causing letters to be cut off.
I’ve included some Designer screenshots here:
I’ve used the same code with similar results selecting “Fixed” or “Responsive” and I’ve also tried using straight percentage sizing with no joy.
My blocks should be a good way to ensure responsiveness, no?
OK, I made this as simple and straightforward as possible.
As you can see, the button width is a percentage of the Horiz. Arrangement. The text still displays much larger on the S9 as it does on the S8. The S8 and S9 are almost identical in width…the S8 width is 360 pixels and the S9 is 411 pixels. But the S9’s button text wraps around because it is so much larger, which of course, defeats the purpose of Responsiveness.