たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
<meta> -
形式 <meta http-equiv="..." content="..."> <meta name="..." content="..."> <meta property="..." content="..."> サポート LS / H3 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1 カテゴリ メタデータコンテンツ itemprop 属性を持つ場合: フローコンテンツ (HTML Living Standard) itemprop 属性を持つ場合: フレージングコンテンツ (HTML Living Standard) 親要素 charset 属性を持つ場合: head 要素。 http-equiv 属性を持つが、content-type の場合: head 要素。 http-equiv 属性を持つが、content-type でない場合: head 要素
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今求められているHTML/CSSの実践テクニックが丁寧に解説された良書 -HTML+CSS デザインレシピ
