WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

2015-06-02から1日間の記事一覧

モバイルファーストを意識したレスポンシブサイト(データ)

完成データ index.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>株式会社ネットスマート</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no, email=no"> </meta></meta></meta></head></html>

モバイルサイトをレスポンシブデザインにする

現在のモバイルサイトではメニューボタンを押すとナビゲーションが出てくるようになっていますが、PCサイズで見た時は常にナビゲーションが表示されているように記述します。まずはHTMLファイルに必要なクラス名を加えます。 <header id="globalHeader"> <div class="headerInner"> <h1><img src="img/logo.png" alt="株式会社ネットスマート" width="118"></h1> <div class="search"> <p id="searchToggle"></p></div></div></header>