初心者向け。XDのプレビュー画面が小さくなった時の対処法

初心者向け。XDのプレビュー画面が小さくなった時の対処法

みなさんこんにちは、WEB制作のエンジニアのjonioです。

XDでプレビューを見た時に↓の様に小さくなる時があります。

実際は↓を見たいはずです。

簡単なやり方でプレビュー画面をちゃんと見る事ができるのでやり方を説明します。

 

アートボードを選択する

まずアートボードを選択します。

↓の赤枠です。

すると画面の右側が↓になります。

 

「スクロールを垂直方向」に変える

スクロールは最初の状態は「なし」になっていますが「垂直方向」に変えます。

すると↓になり「ビューポートの高さ」が表示されます。

 

「ビューポートの高さ」の値を変える

数値ですが↓です。

  • Web 1280・・・800
  • Web 1366 ・・・768
  • Web 1920・・・1080
  • iPhone X/XS/11 Pro・・・812
  • iPhone XR/XS Max/11・・・896
  • iPhone 6/7/8 Plus・・・736
  • iPhone 6/7/8・・・667

これでプレビュー画面がちゃんと表示されます。