PC

やったぜ。

投稿日:2014年2月14日 更新日:

こんばんみ。

昨日はうまくいかなかったレスポンシブWEBデザインのコーディングですが、詳しく解説されている記事を読んでみると案外あっさりできました。

ASCII.jpさんのこちらの記事を参考にしました。
どうやら昨日試した時はスマホのウィンドウ幅に合わせる為の「<meta name=”viewport” content=”width=device-width “>」の記述を知りませんでした。
この記述がないとスマホで表示した時、スマホ側がPCサイトを表示することを想定した仮想の大きなウィンドウサイズを設定してしまうみたい。
そっかそっか。

先ほどの記事を参考に昨日やったものを手直しした結果、ちゃんとスマホ用のレイアウトで表示できるようになりました♪
screenshotshare_20140214_222842
iPhoneでは試せてないのでわかりませんが、AndroidのChrome・Firefox・Operaではきちんと表示できました。

大雑把ではありますが理解できたので、簡単なページだったら作れそうです。
デザインのセンスがあるかどうかは別ですが。

-PC

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

Macbook Proを購入しました。

こんばんみ。 先日、より本格的に写真を弄るためにMacbook Proを購入しました。

新しいMacbook用にUSB変換アダプターを購入しました。

こんばんみ。 先日新しいMacbookを入手しましたが、USBタイプCしか搭載しないMacbookではデジタル一眼などで撮った写真がそのままでは取り込めない…!ということで、安価なUSBアダプターを購 …

TitanfallようやくG5昇格…

こんばんみ。 Titanfallですが、昨晩やっとこさG5に昇格できました…。 チャレンジ達成に時間がかかってしまい、Lv.50になってからもしばらく苦戦しました…。 個人的に苦戦したのはチャージライ …

ついに来た。

注文していた品が届きました。

GTX1070が届いたのでPCをリニューアルしました!

こんばんみ。 先週待望のGTX1070が自宅に届いたので早速PCに組み込んでみました…!

広告

やましん
・神奈川在住
・音楽好き
・洋ゲー好き
・写真勉強中

WEB通販関係の仕事をしながら写真やデザインの勉強中です。
α7RIII・CONTAX G2・BESSA R2Mなどのカメラを愛用しています。
忙しくてやっていませんがPCの洋ゲーも好き。

コンタクトはこちらからどうぞ。
- SNS -
 Twitter
- PHOTO -
 Flickr
 GANREF
 PHOTOHITO