HTML獲取屏幕、瀏覽器和頁面的高度和寬度
本文主要介紹Web環境下屏幕、瀏覽器、頁面的高度和寬度信息。1.:介紹容器(屏幕、瀏覽器和頁面)、物理大小和分辨率、顯示和頁面的其他內容。
2.屏幕信息:介紹屏幕尺寸信息；例如屏幕、軟件可用性以及任務欄的高度和寬度。
3.瀏覽器信息:介紹瀏覽器大小信息；比如瀏覽器、內頁、工具欄的高度和寬度。
4.頁面信息:介紹HTML頁面大小信息；例如身體的總高度和寬度。
壹個頁面的顯示，從外到內，包括屏幕、瀏覽器和頁面本身。
HTML元素顯示在頁面中，頁面顯示在瀏覽器中，瀏覽器顯示在屏幕上。
這些容器的高度和寬度可以通過Js的壹些對象獲得。
容器的大小是指當前分辨率下的高度和寬度，而不是物理高度和寬度。
例如，如果22英寸顯示器的屏幕分辨率為1366*768，則獲得的屏幕高度為1366px，寬度為768px。
Screen.height:屏幕高度。
屏幕的寬度。
Screen.availHeight:屏幕可用高度。也就是屏幕的高度減去上下任務欄可以表示為軟件最大化時的高度。
屏幕的可用寬度。也就是屏幕的寬度減去左右任務欄，可以表示為軟件最大化時的寬度。
任務欄高度/寬度:用屏幕高度/寬度減去屏幕可用高度/寬度即可得到。例如任務欄高度=screen.height-screen.availheight。
Window.outerHeight:瀏覽器的高度。
Window.outerWidth:瀏覽器寬度。
Window.innerHeight:瀏覽器中頁面的可用高度；這個高度包括水平滾動條的高度，如果有的話。它可以表示為移除瀏覽器邊框和工具欄後瀏覽器的當前高度。
Window.innerWidth:瀏覽器中頁面的可用寬度；這個寬度包括垂直滾動條的寬度，如果有的話。可以表示為移除瀏覽器邊框後瀏覽器的當前寬度。
工具欄的高度/寬度:包括地址欄、書簽欄、瀏覽器邊框等。比如高度可以從瀏覽器高度——頁面的可用高度中得到，即window.outerheight-window.innerheight。
Body.offsetheight:車身的總高度。
Body.offsetwidth:主體的總寬度。
Body.clientheight:車身顯示的高度；指示瀏覽器中顯示幾何體的區域的高度。
Body.clientwidth:正文顯示的寬度；指示瀏覽器中顯示正文的區域的寬度。
滾動條高度/寬度:例如，可以從瀏覽器中頁面的可用高度-正文顯示高度中獲取高度，即window.innerheight-body.clientheight。
怎麽查看ipad尺寸大小？
1.點擊通用
打開平板，點擊設置，點擊通用。
2.點擊關於本機
進入通用頁面，點擊關於本機。
3.查看尺寸
頁面跳轉，在型號名稱後面，就可以查看到尺寸了。
ipad的尺寸怎麽查？
1在ipad設置頁面，點擊通用。
2進入通用頁面，點擊關於本機。
3頁面跳轉，在型號名稱後面，就可以查看到尺寸了。
怎麽看手機屏幕多大尺寸？
1、想要查看手機的屏幕尺寸，首先需要在您的手機主屏幕上面找到設置選項，然後點擊進入設置的界面。
2、在進入設置界面之後，將界面往下滑，滑到最下方的時候，可以看到壹個選項按鈕，叫做關於本機，點擊它。
3、點擊之後會進入壹個新的頁面，在新的頁面可以看到本機狀態信息，擁有者信息等關於手機的全部信息，我們要做的是選擇本機名稱查看手機的名字。
4、查看到手機的名字之後，將名字復制到瀏覽器搜索欄，然後在後面輸入尺寸大小，就可以找到屏幕尺寸的相關說明了，當然也可以在手機的官方網站輸入手機名稱查詢
為什麽電腦的寬度顯示不出來？
①妳點鼠標右鍵，選擇屏幕分辨率，看看妳設定的分辨率是不是妳顯示器對應的高分辨率，如果不是那就按照系統推薦選擇適合的就可以。
②查看妳的顯卡是不是支持寬屏顯示，如果支持那就查看壹下妳的顯卡驅動是不是安裝正確，點開顯卡設置裏面有壹項顯示設置，選擇寬屏就可以了。
如何查看電子照片的尺寸？
查看方法主要有以下幾種：
1、打開word，點擊插入圖片，選擇電子照片，壹般插入後的圖片顯示效果就是實際大小（頁面為A4大小）；
2、打開圖片編輯軟件，如Photoshop、光影魔術手等，在軟件中打開電子照片，選擇”圖片屬性“，查看”畫布大小“，即為照片尺寸；
3、直接打開電子照片預覽，選擇打印照片，打印出的照片即為實際大小。