モバイル用のプレビュー確認を行う方法 （Dreamweaver CC 2014）

この文書では、Adobe Dreamweaver でモバイル端末用のページプレビューを行う方法について説明します。

A. ウィンドウサイズの変更

Dreamweaver では、ウィンドウサイズの変更機能を使って、現在編集しているページが複数種類の画面解像度をサポートするデバイスに表示された場合にどのように見えるかを確認することができます。

ウィンドウサイズの変更機能では、デフォルトとして次の種類の画面がサポートされていますが、他のサイズを選択したり、ピクセルで指定することも可能です。

• モバイル （画面サイズのデフォルト値 ： 480 x 800 ピクセル）
• タブレット （画面サイズのデフォルト値 ： 768 x 1024 ピクセル）
• フルサイズ （画面幅のデフォルト値 ： 1000 ピクセル）

A-1. ウィンドウサイズを選択

A-2. 任意でウィンドウサイズを指定する

B. ページ方向の変更

高度な機能を備えたモバイルデバイスでは、持ち方が変わるとそれに応じてページの方向が変化します。

Dreamweaver では、ライブビューでもデザインビューでも、ページの縦置き表示と横置き表示を、表示／ウィンドウサイズ から「縦方向」または「横方向」に切り替えることができます。作成しているページが持ち方によってどのように表示されるかをテストし、各方向のレイアウトが意図したとおり表示されるようにすることができます。