スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
iPhoneを縦から横にしたときにフォントサイズが大きくなってしまう件
最近iPhoneでモバイル対応のサイトを作っていて気づいたんですが、iPhoneを縦（Portrait）から横（Landscape）表示に変更した際、フォントサイズが大きくなってしまうんですね。。。 「これは困った」と、思って調べてみたら、簡単な解決策がありました。 iPhoneの横表示の時のみに指定されるように、Media Queriesを使って以下のように記述すれば良いはずです。 @media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } } 参考 Preserve HTML font-size when iPhone orientation changes from portrait to landscape – Stack Overflow 2011年8月24日に公開され、2017年11月
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
