Получите наименьшую сторону пользовательского устройства с размером экрана JS / jQuery - PullRequest
Новая
       5

Получите наименьшую сторону пользовательского устройства с размером экрана JS / jQuery

0 голосов
/ 30 ноября 2018

Я хочу получить пользовательское устройство дисплей размер с screen.width и screen.height при загрузке страницы (например: iPhone 7, 375x667px), затем мне нужно сравнить эти два размера и использовать наименьшееразмер (375 пикселей), чтобы применить его к элементу с функцией CSS. 

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

Я новичок в JavaScript, поэтому не знаю, как выполнить вторую часть, сравнение и дальнейшие манипуляции.

Как это можно сделать?

Ответы [ 2 ]

0 голосов
/ 30 ноября 2018

Как говорят многие люди в комментариях, мы не можем понять, почему бы не использовать 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 во внутреннем коде ...

0 голосов
/ 30 ноября 2018

Вы можете сделать это, используя 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>
...