Tablet
This screen configures tablet application settings.
A tablet application is a hybrid of a Web application and a PWA (Progressive Web App). The Web application can be viewed in the browser. The PWA is installed on the smartphone and runs as an app. PWA operation requires Manifest settings.
Viewport settings became available from v3.4.0, allowing you to adjust the tablet application’s display area.
Manifest
Configure the manifest required for PWA operation.
| Item | Description | Corresponding Member |
|---|---|---|
| App Name | Application name. The default is set from the application label. | name |
| App Short Name | Preferred in narrow display areas such as the home screen. | short_name |
| Description | Description of the application. | description |
| App Icon 512 x 512 px | Large icon. Prepare a 512px square PNG image. | icons |
| App Icon (Maskable) 512 x 512 px | Large icon. Prepare a 512px square PNG image. An Android masked icon (circular clipping). | icons |
| App Icon 192 x 192 px | Small icon. Prepare a 192px square PNG image. | icons |
| App Icon (Maskable) 192 x 192 px | Small icon. Prepare a 192px square PNG image. An Android masked icon (circular clipping). | icons |
Viewport Settings
Configure viewport settings to adjust the display area of the tablet application.
| Item | Description |
|---|---|
| Width (width) | Sets the viewport width. ・ device-width: Automatically matches the device screen width・ 1180: Displays at a fixed width of 1180px |
| Initial Zoom (initial-scale) | Sets the zoom ratio when the page opens. 1.0 is recommended (100% display).Not selectable when width is fixed at 1180. |
| Viewport Fit (viewport-fit) | Sets the display range of the screen. ・ auto: Auto adjust (default)・ contain: Fit within the safe area・ cover: Use full screen (effective on devices with a notch) |