2017-11-13 1 views
0

私はこのスクリプトコードを持っています。問題は、「var Mobile」の高さをどのように定義しても、モバイルデバイスでは常に同じ小さな高さ。デスクトップ上ではOKで、その値に応じて高さを変更します。javascriptのiframe - 高さは携帯端末で変更できません

<script type='text/javascript'> 
 

 
var Mobile ='<iframe src="mypics/pic1mobile.jpg" width="550" height="315"></iframe>'; 
 

 
var Desktop = '<iframe src="mypics/pic1desktop.jpg" width="770" height="480"></iframe>'; 
 

 
if (screen.width < 860) 
 
{document.write (Mobile)} 
 
else 
 
{document.write (Desktop)} 
 

 
</script>

答えて

0

がしようと変更されていない携帯電話で

if(window.innerWidth < 860) {...} 
+0

高さで

if (screen.width < 860) 

を置き換えるために、再び – Lusidjudjeto

+0

私はそれがあれば、 ''高さ= "315" レンダリング推測しますあなたは、480のように、その数を増やすだけで、より大きな高さが必要ですか? –

+0

それは、私は高さ= "900"と入力するかもしれないが、それはモバイル上で変化しないことを意味する。デスクトップ上では変化していますが、モバイルでは私が定義した値にかかわらず – Lusidjudjeto

関連する問題