ios9のjavascriptでinnerWidth,innerHeightのバグ

公開日: : トラブル解決


こんにちは。

もう1ヶ月以上?経ちますがios9がリリースされました。

 

アップデートしてから、自分の作ったサイトの中で表示がおかしくなっているサイトがありました。(スマホ版)

一体どうなっているんダヴィンチ。

 

自分の場合、jsを使ったグラフの横幅が画面外まで突き抜けてしまっていました。

 

 

innerWidth,innerHeightとviewportの間で何かバグってる

ひとつだけ日本語の記事が既に書かれていたのですが、どうやらviewportが読まれる前にinnerWidthとかの方を取得している。

何でそんなクソ仕様を追加するんや。

 

てな訳で、innerWidthは場合によってはひとまず使わない方針にせざるを得なくなった。

とはいえ代替策が必要だ。

 

document.documentElement.clientWidthを使え

上の通りです。

かわりにこれでも使ってください。

 

shrink-to-fitを使え

viewportのメタタグにshrink-to-fitというのを使ってもいいらしい。

 

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, shrink-to-fit=no">

 

↑こんな感じ?

こっちの方法は試していないので詳しくは分かりません。

 

詳しくは情報元である以下のリンク(英語)

https://gist.github.com/Linrstudio/7236158c6c8d8103b9fb

 

 

しかしある程度英語が分からないとこういう技術系のトラブルってホント対応出来ないよね。

英語話せるようになれたら色々とビジネスチャンスも広がりそうですけどね。

 

 

 

iosのバージョンアップとかでは毎回のようにこういうバグが起こっているような気がするので勘弁してもらいたい。



関連記事

4790180

2ch専ブラ Jane style から広告を消す方法 ver3.82編

2chの仕様変更などでJane Styleに広告が出始めました 上記の通り、2chのAPIなどの変

記事を読む

neon-sign

【白猫プロジェクト】ジュエル3055個プレゼント詐欺にご注意【ポイントgo】

ポイントgoというサイトに登録するとジュエル3055個が貰えるという 白猫プロジェクトのまとめブロ

記事を読む

ccb4da3823f60ac40629a964485fa373

【ドラゴンポーカー】竜石677個プレゼント詐欺にご注意【ポイントgo】

ポイントgoというサイトに登録するとジュエル3055個が貰えるという ドラゴンポーカーのまとめ

記事を読む

4790180

【2ch新機能】転載対策のageteyon sageteyonとは【使い方】

概要 メール欄にageteyon sageteyonを入れる ・通常状態の名前欄 (vipの例)名

記事を読む

PayPalでお支払い   支払いの確認

Paypalの通貨換算オプションが選択できない

Paypalで支払いをするとき、そのままPaypalの為替レートで払ってしまうと損をするというブログ

記事を読む

neon-sign

【UE4】Unreal Engine4がクレカで購入できない場合

UnrealEngine4とは 鉄拳7などで採用され、Unityなどに次いで注目されているゲームエ

記事を読む

1230_01

【メビウスFF】魔石50,000円分(67,740個)プレゼント詐欺にご注意

ポイントgoというサイトに登録すると魔石プレゼント? FFメビウスのまとめ記事を何気なく見ていると

記事を読む

no image

0120-985-480 は光回線プロパイダからの勧誘電話

見慣れないフリーダイヤルからの着信があった ある日、携帯電話に0120-985-480という見慣れ

記事を読む

pg4562358094880_1

ios9でBB2Cから画像を開くと落ちる

仕事の関係で、不本意ながらios9にアップデートしました。 地味に結構変わっていて慣れません。

記事を読む

4790180

【オレオレ詐欺・迷惑電話】高齢者におすすめしたい電話【特殊詐欺対策】

最近高齢の方を狙った犯罪が増えてますよね。 ほぼ毎日事案が発生し、警察署に相談が寄せられていま

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

takuhai_box_locker
空き室対策としての宅配ボックス設置をおすすめする理由とは

この記事は賃貸マンションなどに宅配ボックスを設置することについて書いた

4790180
【最新版】妊婦さん&赤ちゃんの悩み解決サイト!【おすすめ】

  こんにちは! タイトルにある通り子供に対する

61z8-yjcD4L._SL1000_
【2017】シガーソケット増設&FMトランスミッターならこれ!3選【最新版】

こんにちは。 gwでも仕事尽くしでへとへとになりながらですが、ち

s0818bu3
【簡単梅雨対策】油膜・水ウロコ落としにおすすめのアイテム!&撥水剤【ミラーにもOK】

こんにちは 2017年 早くも三分の一が過ぎていきましたね

81+4leB3jbL._SL1500_
【梅雨対策】今おすすめの折りたたみ傘&傘カバー!【紫外線対策】

こんにちは! 春になり暖かくなって日中とっても気持ちが良いですね

→もっと見る

PAGE TOP ↑