使用html在不同的屏幕分辨率下显示不同的提示信息

Question

例如：点击按钮，在桌面版屏幕中，它应显示提示信息为＆＃39;喜＆＃39 ;. 。在移动屏幕尺寸点击时，它应显示提示信息为＆＃34; Hello＆＃34;。

Answer 1

检查this的答案。然后在获得屏幕宽度后，您可以

getElementById("my_element").innerHTML()并设置您想要的任何内容。

Answer 2

你可以这样做：

＆＃13;

＆＃13;

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');
  }
});

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;