スマートフォン向けサイトのコーディングメモ – [NC]News Clipping

テクノロジーカテゴリーの変更を依頼記事元:

blog.jab-net.com

9 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fblog.jab-net.com%2Fnc%2Farchives%2F2011%2F10%2F%25E3%2582%25B9%25E3%2583%259E%25E3%2583%25BC%25E3%2583%2588%25E3%2583%2595%25E3%2582%25A9%25E3%2583%25B3%25E5%2590%2591%25E3%2581%2591%25E3%2582%25B5%25E3%2582%25A4%25E3%2583%2588%25E3%2581%25AE%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2583%25A1%25E3%2583%25A2.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://blog.jab-net.com/nc/archives/2011/10/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E5%90%91%E3%81%91%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%A1%E3%83%A2.html">スマートフォン向けサイトのコーディングメモ – [NC]News Clipping</a><a href="https://b.hatena.ne.jp/entry/s/blog.jab-net.com/nc/archives/2011/10/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E5%90%91%E3%81%91%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%A1%E3%83%A2.html">はてなブックマーク - スマートフォン向けサイトのコーディングメモ – [NC]News Clipping</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

スマートフォン向けサイトのコーディングメモ – [NC]News Clipping

先週、突貫でbikesnapのスマホサイトを作ったのでポイントを忘れないようにメモ。しかし、CSS3ってすご... 先週、突貫でbikesnapのスマホサイトを作ったのでポイントを忘れないようにメモ。しかし、CSS3ってすごいですね。これまでは汎用性などの問題もあり避けていましたが、今回はスマホ、特にiPhoneに割り切っていたのでトライしてみました。 http://m.bikesnap.com/ 1.iPhoneに適したサイトを作るために「viewport」の設定 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scala ble=no" /;> 設定方法はこんな感じ。・width=device-width…ウィンドウの横幅をデバイスの横幅（iPhoneの場合は320px）と指定・initial-scale=1 … 表示倍率の初期値・maximum-scale=1