# navigation.defaultZoom

Part of [Navigation bar](https://kernstra.com/docs/web-sdk/config/navigation) in the Kernstra Web SDK 1.0.0 configuration reference.

- Type: `'fit-width' | 'fit-page' | number`
- Default: `'fit-width'`
- Page: https://kernstra.com/docs/web-sdk/config/navigation/defaultzoom

Initial zoom level on load. A number is a scale (e.g. `0.75` = 75%, `1.5` = 150%), and a ceiling: a page that would overflow the width at it opens at fit-width instead, on any screen; a phone-sized layout (narrow/tiny) fits it again when turned or shrunk to that size. A zoom below fit-width stays.

- `'fit-width'`: Default. Fits page width to container.
- `'fit-page'`: Fits entire page into viewport.
- `number`: A scale (`0.75` = 75%, `1.5` = 150%), and a ceiling: a page that would overflow the width at it opens at fit-width instead.

```ts
navigation: { defaultZoom: 'fit-page' }
```

Web page: https://kernstra.com/docs/web-sdk/config/navigation/defaultzoom