Supporting multiple resolutions

Applications on KaiOS should adapt to different resolutions. Current KaiOS devices support QVGA resolutions in portrait (240x320 pixels) or landscape (320x240 pixels).

Media query

The best and easiest way to develop a responsive UI on KaiOS is by making use of CSS media queries. The following are examples of media queries considering device orientation, with KaiOS supported resolutions in mind:

/* KaiOS portrait devices (240x320) */
@media only screen and (orientation : portrait) {
  /* styles */
}

/* KaiOS landscape devices (320x240) */
@media screen and (orientation: landscape) {
  /* styles */
}

If you need more help, make use of some the below tips to build your responsive KaiOS app: