Forum | Appery.io

I've set "Default Page Size" in "App settings" to 640x960 but it renders in 320x480, so font are rendering badly and some images does not fit on the screen. Also i tried to set resolution manually to every single page, it did not help.

Project is already shared with a href="mailto:suppurt@appery.io" rel="nofollow"suppurt@appery.io/a and its name is Lux.

[quote:]it renders in 320x480[/quote] do you mean it's the same size when you test app on preview or when you edit app in editor?

It is 320x480 when app is opened on the phone, no matter how. We tried both Appery Tester app and opened directly in device browser using QR-coded link.

No way to see 640x960 screens as configured in App settings and on every particular screen.

When you open app on device, it scales to device size (no matter what you've set in app settings). Could you clarify what is your device and it's dimension?

Picture dimensions is 475x838

This screenshot is taken by iphone where screen resolution is 640×1136

As you can see on that screenshot is that picture is not fit well. As i wrote before, setting of that page is 640x960, and app setting also

post below

Is this image added on screen? How did you add this image? What CSS properties you use? When you test in browser, does it look the same way?

.screen3card {
background: url("pinscard-rotated261x460.png") left top no-repeat;
margin: 0 auto!important;
margin-top: 20px!important;
}

now it fit because i had resized it to 261x460, you can change file to "pinscard-rotated.png" and enjoy how "it scales to device size"

Hi Snoopp,

Please try to add one more attribute:
pre
background-size: 100%;/pre

thanks, it helps, but it is not normal if something scaling all background pictures