エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 人気コメント
- 新着コメント
関連記事
Webサイトのスマホレイアウト対応に関するメモ(HTML5・CSS) - AppSeedのアプリ開発ブログ
kijimapp.com 最近、ウェブで使える便利ツールのサイトを作っているのですがスマホ向けのレイアウトを最... kijimapp.com 最近、ウェブで使える便利ツールのサイトを作っているのですがスマホ向けのレイアウトを最近勉強中なのでメモとして残しておきます。 Webサイトをスマホレイアウトに対応させる方法(簡易版) PC向けのレイアウトのサイトを作って、後からスマホ向けのレイアウトにも対応させたい場合、以下の方法でやればそれっぽい見た目にすることができます。 (今回紹介するのは簡易的な方法なので、ちゃんとやりたい場合はちゃんとしたHTML5やCSSのサイトをみた方がいいと思います。) 1. HTMLのヘッダーにviewportを設置する まず、HTMLのヘッダーにviewportを設置します。HTML側の設定はとりあえずこれだけでOK。 <!DOCTYPE html> <html lang="ja"> <head> <!--- 省略 ---> <meta name="viewport" cont