Question

我想获取页面加载时screen.width和screen.height的用户设备 display 大小（例如：iPhone 7，375x667px），那么我需要比较这两个尺寸，并使用最小尺寸（375px）通过CSS函数将其应用于元素。

function() {
  var ww = screen.width;
  var wh = screen.height;   
}

我是JavaScript的新手，所以不知道如何做第二部分，比较和进一步的操作。

怎么办？

Answer 1

正如许多人在评论中所说，我们不能理解为什么不使用if。

您本可以使用条件运算符：?和:，但实际上它在if中。

您还可以将Math库与min()或max()函数一起使用，以获取某些值中的最小或最大值（也可以用于数组，但是情况并非如此）。
用法：Math.min(value1, value2)

示例：

var ww = 100;
var wv = 120;
var smallest = Math.min(ww,wv);
console.log(smallest)

进一步阅读：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min

最后，Math.min()或max()在内部代码中也使用if ...

Answer 2

您可以使用jquery这样操作

$(document).ready(function(){
        var smallest;
        var winwid = $(window).width();
        var winheight = $(window).height();
        if(winwid < winheight ){
            smallest = winwid;
            alert('Width is smaller than height: '+winwid);
        }
        else {
            smallest = winheight;
            alert('Height is smaller than width: '+winheight);
        }
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

获取用户设备屏幕尺寸最小的一侧JS / jQuery

2 个答案: