Androidバージョン別シェアスマートフォンエミュレータ段組を使わない方が見やすいタップできる幅が広いリンクスマートフォンっぽいデザインスクロールバー表示の有無大きなページは自動で縮小されるAndroidバージョン別シェア(2013年8月)スマートフォン対応サイト画面の幅が狭くても閲覧でき、リンクをタップしやすいスマートフォン用サイトの例モバイル端末専用に別サイトを用意した例段組を極力使わずにデザインされている方が操作しやすいタップしやすい(押しやすい)形状のリンクスマートフォン用アプリによくあるデザイン高精細さを活かせる画像(右側)を用意しておくと、より綺麗に見える縦置き・横置きで横幅は変わるViewportの指定がないページは自動で縮小表示されるHTML5文法チェッカーを使うモバイルフレンドリーテストWindows版Chromeの開発者ツールを使って、モバイル端末での表示をエミュレートしたところスマートフォン向けサイト(右側)が用意されていても、望めばPC用サイト(左側)を閲覧することもできる左:PC上での表示確認/右:実機での表示段組を極力使わずにデザインされている方が操作しやすいタップしやすい(押しやすい)形状のリンクだと使いやすいスマートフォン用アプリでよく使われるデザインを採用すると分かりやすいViewportの指定がないページは自動で縮小表示される小さいスマートフォン端末なら、ブラウザの横幅は320pxスクロール可能でもスクロールバーは表示されず(左)、ユーザがスクロール操作をしている最中にだけ細いスクロールバーが現れる(右)実機での表示(右側)とまったく同じ表示になるわけではないが、レイアウトなどの大まかな確認には便利スマートフォン向けサイト(右側)が用意されていても、望めばPC用サイト(左側)を閲覧することもできる続きを少しだけ見せておくデザインなら、横方向にスクロールできそうだと気付きやすいこの写真の記事を読む※記事内容は執筆時点のものです。最新の内容をご確認ください。※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。