ここから本文です

JQUERYの質問です。

leg********さん

2019/7/2819:00:04

JQUERYの質問です。

-------------
var Width=60;
var Height=80;

$('.box').css({
'width':Width+'vw',
'height':Height+'vw'
});
-------------
上記のソースですが、PC、スマホのchromeでは正しく表記されるのですが、iphoneのsafariではvwがpx扱いになってしまいます。

safariでもvwで表記できる方法ありましたら教えてください。


これはsafariでも正しく表記されました。
$('.box').css({
'width':'60vw',
'height':'80vw'
});


これは全く表記されませんでした。
var Width=60;
var Height=80;

var Append= 'width:'+Width+'vw,height:'+Height+'vw';
$('.box').css({Append});

閲覧数:
26
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

hp_********さん

2019/7/2910:09:25

コード自体は間違っていないので、iPhoneのSafariの仕様ですかねぇ

ためしにMacのSafariから確認してみましたが、なんの問題もなく表示されます。

コードミスなどはありませんか?
単位の指定がない場合はpxになるので、「'vw'」の書き忘れの可能性もありますね。

質問した人からのコメント

2019/8/4 09:01:12

いろいろやったけど駄目でした。
window.widthから画面幅を割り出し、手動vwで対応しました。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる