While developing my app, I’ve noticed that the Simulator 6.0 and 22, both applied a “zoom out” to the viewport. Forcing the size to 1280x720p. Now, if the app is open in a any other common browser, as default, there is no “zoom out” to the viewport. Thus the design of html elements looks different from what the simulator shows.
My question is, should we assume the final app, once publish, will also have a “zoom out” on a proper tv? Meaning, should we design the app for a 1280x720p resolution or for 1920x1080p, or should we design the app for both (adding media queries if needed)?
It depends on the model. FHD TV models support 1280 x 720 and UHD TV models support 1920 x 1080. For more information, please refer to Supported App Resolution. Thank you.
The question is, when and how does Web OS scale the UI up or down based on the viewport size.
For example, we have noticed that our 1080p layouts are scaled up by webOS up on 4K screens. Can we make webOS zoom the 1080p layout down to 720p on FHD sets? Like using the viewport meta tag for example?
Having a single resolution setting in appInfo.json isn’t really helpful as any developer will want to support any resolution.
webOS TV does not automatically resize apps. The purpose of the resolution property in the appinfo.json is to tell the TV the resolution of your app. If the resolution property is set to 1280x720, it should be a 1280x720 app, and if it is set to 1920x1080, it should be a 1920x1080 app. Instead of using width: 100% and height: 100%, use width: 1280px and height: 720px or width: 1920px and height: 1080px in your HTML container. Thank you.