Designing Web Content for watchOS

WWDC 2018

Mail

Links

Scrolling

• Digital Crown
• Pan gestures

Double tap to Zoom

Back / forward

• Firm press
• Edge swipe

How It Works

• initial-scale is overridden
• Viewport dimensions: 320 by 357
• Width for media queries: 320
• Avoids horizontal scrolling

Optimizing Layout

Form Controls

Safari Reader