サイトのスマホ対応を開始しました2 [IT/PC関係]
前記事でスマホ対応上の問題点として挙げた「ビューポートが設定されていません」で、ビューポートという用語に初めて接したので、少し調べてみました。
ビューポート(Viewport)というのは、スマートフォンでWeb サイトを表示する際の仮想的なウィンドウサイズといえる機能の事という事です。この機能は、ウェッブサイトhtmlの <head> 内に、<meta> として設定できるようです。ビューポート(Viewport)には幾つか属性があり、その設定によってサイトの見え方が変わります。設定をいくつか変えて、スマホからの見え方を調べてみました。詳しくは、下記リンクのページを見てください。
同じく問題点として挙げられていた「フォントサイズが小です」も、現状サイト構成で出来る範囲で対応してみました。
「タップ要素同士が近すぎます」への対応は、暫定的対応としては諦めとなりました。俗に言う3ペインのページでは、対応難しそうです。本格的にスマホ対応掛けるときに、この要素も十分考えたいと思います。
コメント 0