响应式布局之媒体查询 媒体查询作为响应式设计的核心，在移动设备上应用十分广泛。媒体查询可根据不同设备类型或同设备不同状态修改应用的样式，常用于多屏幕的应用适配。

如何在用户展开或收起折叠屏时，即时响应并做出相应的UI调整，实现界面布局在单屏与双屏模式之间的无缝切换

概述 栅格布局是一种通用的辅助定位工具，对移动设备的界面设计有较好的借鉴作用。主要优势包括： 提供可循的规律：栅格布局可以为布局提供规律性的结构，解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的

目前对于鸿蒙版本的适配，大多数都是由之前移动端开发来担任。针对不同设备的适配一直是移动端开发的头等大事，鸿蒙开发在设计之初就已经考虑到这个问题，并且提供了相关的解决方案。当前鸿蒙系统的产品形态主要有手

本文通过IM聊天功能的适配，介绍了鸿蒙页面级一多的特性和能力。ArkUI能力真正实现了一套代码多端部署，解决了跨平台的最后一公里。期待HarmonyOS生态的健全，尽早体验流畅便捷的全新产品。

断点 断点以应用宽度为切入点，将应用窗口在宽度维度分成几个不同的区间即不同的断点 断点名称 取值范围 （vp） xs [0,320) sm [320,600) md [600,840) lg [840

entry -> src -> main ->resources -> base -> profile -> main_pages.json文件 主要是存放路由需要用的页面路径， src: 里面是页面

鸿蒙方舟框架为开发者提供了4种像素单位，即：px、vp、fp、lpx。并且框架采用vp为基准数据单位。 一、基本介绍 px (Pixels) : 定义：px代表屏幕上的像素点，是手机屏幕分辨率的单位，

本文正在参加华为鸿蒙有奖征文征文活动 前面介绍了自适应布局，但是将窗口尺寸变化较大时，仅仅依靠自适应布局可能出现图片异常放大或页面内容稀疏、留白过多等问题。此时就需要借助响应式布局能力调整页面结构。