タグ

ブックマーク / qiita.com/sukobuto (1)

  • PC向けサイトがスマホでも崩れないようにする方法 - Qiita

    PC向けに作った Web サイトをスマートフォンでみると、「 部分的に意図せず文字が大きくなる 」といった不具合が起きることがあります。 解決策ググって修正しようとすると、こんどは「 毎回、ページの左上が拡大された状態で表示されてしまう 」状況に陥ってしまうことがあります。 (私はありました。) ということで、PC向けサイトも最低限スマートフォンで見られるようにする方法をメモっときます。 勝手に文字が大きくなる対策 -webkit-text-size-adjust という、モバイル版ブラウザでのみ有効なプロパティがあるようです。 このプロパティが、デフォルトでは auto になっているため、文字が自動的に調整されて大きくなってしまう、というカラクリでした。 reset.css あたりに追記しておくのが妥当かと思います。 参考:iPhone版Safariで文字サイズがおかしくなるときは-we

    PC向けサイトがスマホでも崩れないようにする方法 - Qiita
    fnma
    fnma 2015/06/20
    “<meta name="viewport" content="target-densitydpi=device-dpi, width=960, maximum-scale=1.0, user-scalable=yes">”
  • 1