HTML5的一大特点是自适应网页设计，可以根据设备分辨率调整显示效果。通过screen.height/width、clientHeight/clientWidth和availHeight/availWidth等属性检测屏幕信息。在游戏开发中，分辨率检测用于区分电脑和手机设备，以选择合适的游戏画面布局。例如，当screen.availWidth小于321时，可认为是手机设备，从而加载手机版界面。
自适应网页是HTML5设计的最大特色之一，也就是可以按照用户所使用的设备的分辨率，窗口尺寸等信息，自动选择显示效果最佳的版面来显示。为了达到选择最佳版面显示效果，就需要先检测当前的屏幕信息再来进行判断与调整。
{screen.height/screen.width}
此属性可以检测当前设备所使用的分辨率，在计算机中的分辨率信息可以在”桌面“上的单击鼠标右键，通过”屏幕分辨率“来查询。
{clientHeight/clientWidth}
此属性可以查询整个浏览器窗口的长度尺寸，数值范围包括整个浏览器窗口，此数值会随着浏览窗口的缩放而改变。
{availHeight/availWidth}
此属性可以查询浏览器的可用尺寸，数值的范围仅有”显示内容“的部分，也就是网址栏，网页标签都不计算在内。此数值将计算浏览器最大化时可用的尺寸，不会因为浏览器页面的缩放而改变。
<!DOCTYPE html>
<head>
最低0.47元/天 解锁文章
扫一扫
2547
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
