モバイルで使う(レスポンシブデザイン)

カンタンProWPはモバイルでも使うことができます。

レスポンシブデザイン

レスポンシブデザインとは、表示するデバイスに応じて最適な表示をするためのデザインです。Webアプリケーションの場合は、CSS(カスケーディングスタイルシート)を使ってデザインします。

現状のカンタンProWPでは、細かいデザインはまだしていませんが、今回は基本的なレイアウトのデザインを行いました。例えば、スマホで表示した時、「リスト」と「詳細」を縦に並べます。

iPadの横使いの場合、PCと同じように表示したり、縦使いの場合にはスマホのように縦に並べたりしています。