window.openで子ウィンドウを開き、その開いたウィンドウの幅を指定したいのですが、スマホ表示がうまく動作しません。
Bootstrap3を利用しており、$(window).width()の値を変更して、レスポンシブ対応にしたい次第です。
やりたいこと
スマホで開いた際に、スマホのwidthと$(window).width()を合わせたい
試したこと
javascript
1$(window).on('load', function(){ 2 var w = window.parent.screen.width;//スマホ:360,PC:1920 3 var h = window.parent.screen.height;//スマホ:640,PC:1080 4 window.resizeTo(360,640); 5 $('.win_width').text($(window).width()+"/"+$(document).width());// スマホ:980/980、PC400/400となります 6});
PCで試すと、子ウィンドウのwidthは上記の場合には、
---実際の表示 : ウィンドウ幅360px
---$(window).width : 400px
となります。
一方、スマホで表示を試してみると、$(window).width()が980pxになってしまい、意図している表示にならない状況です。
説明が拙なく申し訳ございませんが、ご教示頂ければ幸甚です。
使用環境
ブラウザ : Chrome67
スマホOS : android7.0
PC : Sierra(Mac)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。