简介
本篇Sample基于自适应布局和响应式布局，实现一次开发，多端部署的便捷生活页面，并根据手机、折叠屏、平板以及2in1不同的设备尺寸实现对应页面。
手机运行效果图如下：
折叠屏运行效果图如下：
平板、2in1运行效果图如下：
工程目录结构
解释├──entry/src/main/ets // 代码区 │ ├──constants │ │ ├──BreakpointConstants.ets // 断点常量类 │ │ ├──CommonConstants.ets // 公共常量类 │ │ ├──DishDetailConstants.ets // 商品详情页常量类 │ │ ├──FoodListCons