javascript - 使用html以不同的屏幕分辨率显示不同的提示消息

Closed. This question needs to be more focused。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                        
                        2年前关闭。
                                                                                            
                
        
例如：单击按钮后，在桌面版本屏幕中，它应显示提示消息为“ Hi”。
。在移动屏幕尺寸上单击相同，它应该显示提示消息为“ Hello”。

最佳答案

您可以执行以下操作：

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" />

关于javascript - 使用html以不同的屏幕分辨率显示不同的提示消息，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41868396/