H5页面设计:Mugeda版(微课版)
上QQ阅读APP看书,第一时间看更新

1.3.1 页面尺寸

由于H5页面具有跨平台性,可以在不同的终端上展示,因此还需要使H5页面的尺寸能够满足不同终端的屏幕大小。

手机是最常见的终端设备之一,设计H5页面时可根据特定手机型号的屏幕尺寸进行设计。虽然型号不同的手机尺寸不同,但目前H5页面普遍采用的页面尺寸是在640像素×1136像素的基础上,减去微信或浏览器观看时的手机顶部高度128像素,得到最终的H5页面尺寸640像素×1008像素。图1-17所示为手机屏幕尺寸示意。

▲图1-17 手机屏幕尺寸示意