1.3.2 页面适配

为了确保制作完成后的H5页面能够适配不同屏幕尺寸的手机，很多H5制作工具或平台都有“自动适配”功能，只需选择一种手机屏幕尺寸进行设计，即可实现对其他手机屏幕尺寸的适配。但由于不同手机屏幕的长宽比例存在差异，在使用“自动适配”功能后，仍可能出现部分页面边缘区域无法完整显示的情况。为了避免这种情况出现，设计师可以将重要内容居中放在安全框中（安全框指手机屏幕中可以完整显示内容的安全区域，该区域不会被屏幕裁剪或者遮挡），以确保其在各种屏幕上都能够清晰展示。为了测试页面适配效果，可以生成二维码并在手机端进行预览，这样可以更准确地判断页面在手机上的实际显示效果，以进行调整和优化。