2016-04-22 4 views
0

Я знаю, что для поиска ширины и высоты экрана это screen.height, но как насчет окна браузера? Благодарю.Какое свойство используется для определения ширины и высоты окна браузера?

+0

window.height ... window.width ?? –

+0

в css вы можете использовать 'vw': (1% ширины окна просмотра) и' vh': (1% высоты просмотра) – trex005

+3

Возможный дубликат [Получить размер экрана, текущую веб-страницу и окно браузера] (http : //stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window) –

ответ

1

Вы должны использовать window.innerWidth и window.innerHeight

#Side примечание # 1: Вы можете также использовать outerWidth и outerHeight, но это вернет панели инструментов окна и т.д.

примечание стороны # 2: Этот фрагмент будет показывать ширину и высоту фрагмента, потому что он рассматривает его как окно, а не фактическое окно, но оно будет работать на истинном веб-сайте.

alert("Window Height: "+window.innerHeight); 
 
alert("Window Width: "+window.innerWidth);

0

var w = window.innerWidth;

var h = window.innerHeight;

Получает высоту окна и ширину: (не включая панелей инструментов/скроллинга):

Свойство innerWidth возвращает внутреннюю ширину область содержимого окна.

Свойство innerHeight возвращает внутреннюю высоту области содержимого окна.

Эти свойства доступны только для чтения.

Примечание: Используйте outerWidth и outerHeight свойства, чтобы получить ширину/высоту с панелями инструментов/скроллинга.

Смежные вопросы