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

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

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

レスポンシブデザイン

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

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

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

シェアする

返信を残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

購入する
購入する