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



関連記事

20170714194234

【ポケモンgo】ポケコイン60800枚プレゼント詐欺にご注意【アイテムプレゼント】

ポケモンgoのまとめブログなど見ていると、たびたびポケコイン○○枚プレゼントと言った記事が目につきま

記事を読む

Windows10_Hallow_1

勝手にwindows10にアップデートされてた!元に戻す方法。

こんにちは。 先日、パソコンを放置してグランドセフトオートというゲームをプレイしていました。

記事を読む

4790180

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

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

記事を読む

no image

DMM.comを騙る業者からのSMSが届く

タイトルがほとんどなのですが、DMM.comを名乗る業者から、 「有料動画閲覧があり、登録解除

記事を読む

pg4562358094880_1

【簡単】おすすめのiphone6保護フィルム【絶対失敗しない】

今流行のiphone6の保護フィルム 私が試してみたもので一番オススメのものを紹介したいと思います。

記事を読む

4790180

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

  こんにちは! タイトルにある通り子供に対する悩みや、妊婦さんの悩みなどを少

記事を読む

4790180

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

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

記事を読む

20150716-01

「iPhone 7のテストユーザに当選しました」という詐欺

iphone7当選詐欺が出てきている模様 「おめでとうございます 最新版iPhone 7でさ

記事を読む

no image

老人ホームの費用が払えない場合はどうすればいいか

日本はこれから介護の時代 少子高齢化の激しい日本ではこれからますます介護の時代になると思います。

記事を読む

no image

【激痛】歯が痛すぎるときの対策【眠れない】

歯が痛くなるときってありますよね。 自分は奥にある親知らずがちゃんと磨けておらず、虫歯になって

記事を読む

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 ↑