もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
![たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color](https://cdn-ak-scissors.b.st-hatena.com/image/square/104f70639421e0eac2979fd1e9095fec0420ef01/height=288;version=1;width=512/https%3A%2F%2Fdesigncolor-web.com%2Fwp-content%2Fuploads%2F2014%2F06%2Fsmartphone-site-tips8_thumb.png)