htmlを使用して異なる画面解像度で異なるプロンプトメッセージを表示

Question

例：ボタンをクリックすると、デスクトップバージョン画面で、「Hi」と表示されます。 。モバイル画面サイズでクリックした場合と同じように、「Hello」というプロンプトメッセージが表示されるはずです。

Answer 1

あなたはこのような何かを行うことができます：

var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 
 
var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 
 

 
$('#btn').on('click', function() { 
 
    if (width > 480 && height > 800) { 
 
    alert('hi'); 
 
    } else { 
 
    alert('hello'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="btn" value="Click me" />

Answer 2

チェックthis回答。その後、画面の幅を取得した後、

getElementById("my_element").innerHTML()と設定できます。