ширина экрана и видимая часть

Question

У меня небольшая проблема с JavaScript, чтобы получить ширину экрана, мы используем screen.width, который возвращает общее разрешение экрана, есть команда, чтобы получить разрешение видимой части браузера, например, когда браузер немаксимизируется

Answer 1

function width(){
   return window.innerWidth 
       || document.documentElement.clientWidth 
       || document.body.clientWidth 
       || 0;
}

function height(){
   return window.innerHeight 
       || document.documentElement.clientHeight 
       || document.body.clientHeight 
       || 0;
}

Используйте их для возврата height() или width() видимого окна.

Пример JSFiddle.

Answer 2

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

function height(){
return(window.innerHeight)?
window.innerHeight:
document.documentElement.clientHeight||document.body.clientHeight||0;
}
$(document).ready(function(){
$('.first, .second').css('height',height());
});
$(window).resize(function() {
$('.first, .second').css('height',height());
});

Пример JSFiddle

Answer 3

Область, которую вы описываете, является областью просмотра, и к ней обычно можно получить доступ с помощью window.innerWidth или window.innerHeight в современных браузерах.IE6 немного отличается, но больше информации об обработке ширины области просмотра для всех браузеров можно найти в этом руководстве по получению размера области просмотра .