HTML5：<picture> Androidデバイスのタグと仮想キーボード

Question

私はwordpress用のHTML5テンプレートを開発しています。実際に私は異なる解像度/デバイスに異なる画像（実際には同じものの作物）を表示し、折り畳まれた領域のすべてを取っていることを気にしています。 これを行うには、フォームに何かを入力する必要があるまで、絶対に動作するように見える要素を使用しています。これは解像度の変更などのように見え、表示された画像が変化します。私はこれが起こることを望んでいない。

htmlコード：

<picture> 
    <source media="screen and (device-width:320px) and (orientation:portrait)" srcset="img/nature-wallpaper-320x450.jpg" /> 
    <source media="screen and (device-width:480px) and (orientation:landscape)" srcset="img/nature-wallpaper-450x320.jpg" /> 
    <source media="(max-width:360px) and (orientation:portrait)" srcset="img/nature-wallpaper-360x600.jpg" /> 
    <img src="img/nature-wallpaper-870.jpg" class="img-responsive" /> 
</picture> 

img要素内のimg応答クラスはブートストラップから来

。最終的に私は私のheadこのメタタグがあることまで追加する必要があります

だから、

<meta name="viewport" content="width=device-width"> 

を、どのように私は、そのような行動を防ぐことができますか？ありがとうございました。

Answer 1

this articleから、私は解決策を見つけました。それでも、このソリューションはすべてのデバイスで機能しない可能性があります。他に何か？