この例では、パソコンとスマートフォンで、サイズを変更して表示する処理になっています。

パソコンでは幅700px、高さ500px、スマートフォンでは幅200px、高さ500pxにしています。

ただ、このままでは、大きな幅のスマートフォン、小さな幅のスマートフォンを考えると最適ではありません。

パソコン・スマートフォンで出し分けする端末の幅を「spWidth」などに当てはめるよう書き換えると、もっと色々な端末に最適な表示にすることができます。

HTMLブロックを使って、お好みのサイト作りをぜひ試してみてください。

フォーム