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



関連記事

no image

Gadgetbox Searchの削除方法

ブラウザのホームページが気づいたら「Gadgetbox Search」とかいう奴になっていた。 g

記事を読む

4790180

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

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

記事を読む

Windows10_Hallow_1

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

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

記事を読む

450-20110307210908112881

「お使いのJavaはバージョンが古く…」、Java偽装のアドウェアウイルスにかかった

Java偽装,Flash video downloader,dl55lsstnyなどのポップアップが

記事を読む

bin

【モンスト】オーブ850個プレゼント詐欺にご注意【ポイントgo】

ポイントgoというサイトに登録するとオーブ850個プレゼント? モンストのまとめ記事を何気なく見て

記事を読む

pg4562358094880_1

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

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

記事を読む

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

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

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

記事を読む

ccb4da3823f60ac40629a964485fa373

【南海トラフ】災害が起こる前にやっておくべきこと 対策【予想最大震度7】

こんにちは。 3.11から4年が経過しましたね。今日は、何かあった時にやっておくべきことや 用

記事を読む

pg4562358094880_1

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

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

記事を読む

20130108135623528

【なた豆商品】口臭が気になる貴方におすすめの歯磨き粉など

こんにちは 今日は口臭予防に効くグッズの紹介をしたいと思います。 まずはタイトルにある歯

記事を読む

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 ↑