浅谈rem与rpx布局
1、rem、rpx和px，网页设计布局中常见的尺寸单位，rem和rpx的相对单位特性使其适用于响应式设计，而px为绝对单位不随屏幕变化调整。rem和em作为相对单位，主要区别在于计算基数：rem基于根元素字体大小，em基于当前元素的字体大小。
2、在选择单位时，通常会倾向于使用相对单位，如rem和rpx，以实现响应式设计。rem通过根元素字体大小调整尺寸，不受元素嵌套的影响，适用于全局布局，而rpx则适用于需要屏幕自适应的场景。
3、一般来说，rem/rpx布局通常用于水平布局，px用于垂直布局。(适用于行布局中的多元素布局)这里以上图为例，因为每个手机屏幕的横向尺寸是固定的。如果使用px，小屏幕的位置可能会失控，导致内容换行混乱。因此，使用rem/rpx单元布局。
4、一般开发中横向布局通常使用rem/rpx布局，纵向布局部分使用px （适用于一行布局中多个元素布局） 这里以上图为例，因为每一台手机的屏幕横向的大小是固定的，如果使用px则可能在小屏幕出现位置不可控，导致内容换行错乱等问题。故使用rem/rpx单位布局。
5、在前端开发中，理解长度单位是构建网页布局的关键。本文将探讨px、rpx、em、rem、vw/vh与百分比等单位的区别。px是绝对长度单位，用来描述像素。在CSS中，px表示一个抽象单位。在PC端，通常认为1px等于一个像素。然而，实际大小可能因分辨率不同而变化。
6、在CSS布局中，我们经常遇到不同的长度单位，包括px、em、rem、%、vw、vh和vm。这些单位各自有独特的功能和适用场景： px (像素)像素是最基本的单位，表示显示器上的点，常用于绝对尺寸定义，如元素的宽度和高度。在不同分辨率的设备上，px的实际尺寸可能有所变化，特别是在移动设备上。
微信小程序之多级联动菜单
多级联动菜单在许多的筛选场景应用十分广泛。先看看效果图：menu.wxml menu.wxss menu.jsp menu.wxss menu.js menu.wxml menu.wxss menu.js 这里主要针对一个菜单栏进行详细讲解，其余两个原理相同。
包子行业关注：KDS计件统计、绩效公开、按劳分配；“新鲜度”显示屏展示品项单价及余量，点餐效率升级；备餐屏联动前厅后厨，平衡“供需关系”。
微信公众平台小程序如何横向插入照片
公众号后台自带的微信编辑器，就可以做到将图片无缝拼接到一起，我们登录公众号后台，新建一个图文，就可以在图文编辑界面，找到浮动功能，我们点击图片后，再自行选择左浮动或右浮动的选项，就可以将图片无缝拼接到一起了。
打开微信公众平台登录公众号，进入素材管理界面。然后新建图文信息，进入图文编辑界面。点击右方多媒体列表中的“小程序”。选择已经与公众号绑定的小程序。确认展示形式。填写小程序路径、卡片标题，并上传大小为卡片图片。小程序路径默认为小程序的首页。
选择您需要插入小程序APPID号或名称，输入完成，点击搜索，出现小程序卡片，点击下一步，即可。填写详细信息 填写小程序详细信息，展示方式：勾选小程序卡片，卡片标题：如立即体验，卡片样式：上传您商城的图片，尽快美观些，设置完成，点击”确定按钮“。