CSS：スマホとPCサイトの文字サイズを固定する | raining
PCサイトを構築時にスマホでページを閲覧すると一部の文字サイズが 大きく拡大されて表示されることがありました。 iPhoneやAndroidなどでは文字が見やすいように文字サイズを自動調整して、 大きく表示してしまうようです。 しかし、文字が拡大してしまうとPCサイト用に構築したデザインが 崩れてしまったりすることがあります。 文字サイズを勝手に拡大されないようにするには CSSの「-webkit-text-size-adjust」プロパティを指定すると回避できます。 下記にCSSの「-webkit-text-size-adjust」プロパティを使用して、 スマホ・PCサイトの文字サイズを自動調整して拡大表示させずに 固定して表示する方法をメモします。 ■ 「-webkit-text-size-adjust」 テキストの文字サイズを調整するプロパティです。 デフォルトは「auto」なので文
【RWD ーレスポンシブー】右にできた謎の余白を消す方法 | バシャログ。
こんにちは。mackyです。 じめじーめな日々のせいなのでしょうか。6月がとても長く感じます。 今日は右にできた謎の余白を消す方法をまとめます。 そもそも余白って？ できあがったサイトをipadやiphoneで表示確認したとき、以下のような余白ができたことはないですか？ 先日、携わった某サイトはiphoneとipadで表示チェックを行ったのですがその際右のスクロールバーの横に白い余白ができてしまいました。ヘッダーも背景画像もそこで切れてしまいます。その時色々試してみて解決した方法をメモしておこうと思います。（サンプルコードは一部内容を変更しています。） サイトの大まかな構成としては、bodyにwidth:100%;。 内側（ipadおよびiphoneで見切れないで表示させたい幅）sectionに固定サイズの1024pxを指定しました。 ipadとiphoneでみてみたら… (※下の図はip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
