iPhone®のSafariでサイト表示を行った際にCSSが効かない要素に対応する
2014/11/22
サイト内の体裁をCSSで整えたはずが、iPhone®にて表示の確認を行った時だけ、
文字が大きく表示されてしまったりと体裁が乱れる場合もあります。
そうした際には対象の要素に対して、CSS指定を行うと解消される場合があります。
はじめに
サイトの表示をiPhoneなどで確認すると部分的に文字が大きかったりしてしまう場合があるでしょう。
以前は、ん?と見過ごしてしまっていましたが、
今回は見過ごせる状況ではなかったので検索しました。
あっさりと答えを提示してくれていた
対象の<p>要素に対して、
-webkit-text-size-adjust: 100%; を指定する
それだけでした。
すみません、忘れないように投稿にさせて頂きました。
以下参考サイトに詳しく書いてくださっていましたのでご参考まで。
参考
iPhone版Safariで文字サイズがおかしくなるときは-webkit-text-size-adjust: 100%; を指定する | memobits
Apple®,Apple logo®、Apple Inc.あるいはApple Japanの商標または登録商標です。
iPad®,iPhone®iPod®,iPod classic®,iPod Hi-Fi®,iPod nano®,iPod shuffle®,
iPod Socks®,iPod touch®は、Apple Inc.あるいはApple Japanの商標または登録商標です。
Safariブラウザ、Safari®マーク・ロゴは、Apple Inc.あるいはApple Japanの商標または登録商標です。
当サイトでは以下のガイドラインに基づいて各商標等の取扱いを致します。
Apple Trademark Listに記載の各ソフトウェア及びサービス名に関しては、
Apple製品およびApple Inc.あるいはApple Japanの商標または登録商標等に明記します。
関連記事
-
-
(iPhone)Google+でブロックしたユーザーを解除する
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
xxx@ezweb.ne.jpの迷惑メールをiPhone®で拒否リスト(フィルタ)設定する方法
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
(iPhone+Chrome)Twitter™のアプリ連携を取り消す(解除)方法
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
(iPhone)Radico™の全国エリアフリー視聴の方法
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
(iPhone)位置情報サービスGPSの有効/無効の変更方法
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
(Aterm®3500R+iPhone®)ローカル環境(LAN)内のPCやWebサーバにアクセスする設定
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
リンクをdivエリアでクリック可能にするHTML・CSSをさらにショートコード化
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
xxx@ezweb.ne.jpの迷惑メールおまかせ規制をiPhone®で設定する方法
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
Google™AdSense広告のレイアウトをCSSでセンタリングする方法
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
au iPhoneでauIDの2段階認証後に認証解除する方法
Google or AdMax Promotion(cel) 禁断の機能がau公 …