タグ

htmlとpcに関するmaaa328のブックマーク (1)

  • 静的なHTMLサイトをモバイル対応サイトに変換する手順

    [レベル: 初・中・上級] 英語版のGoogle公式ヘルプフォーラムでGoogle社員のZinebさんが、CMSへの移行が難しい静的なHTMLサイトをモバイルフレンドリーなサイトに変換する際に考慮すべきことをアドバイスしました。 参考になるので日語に訳して紹介します。 なおリンク先ページは日語のものも英語のものもあります。 静的サイトをモバイルフレンドリーに転換する方法 Chromeのデバイスエミュレーションモード(※このブログでの解説はこちら)を使って、異なるスクリーンサイズと解像度でウェブサイト(がどのように表示されるか)をテストする。 viewport(ビューポート)を設定する。このタグによって、ページのコンテンツをさまざまなスクリーンで拡大縮小できるようになる。ビューポートがないと、PCで見たときのようにコンテンツが表示されてしまう。 <font>タグや他のインラインHTML

    静的なHTMLサイトをモバイル対応サイトに変換する手順
  • 1