认识小程序的rpx，设置背景颜色，移动设备的分辨率

image.png

<view>
<image></image>
<text></text>
<view><text></text></view> 
</view>

问题1：按钮采用了view包括text形式实现而不直接使用button控件

小程序中引入图片未设置样式时显示的图片大小默认为width:300px;height:225px;
注意：被text包裹的文本具有长按选中的功能，其他没有该功能。
注意：图片大小采用rpx，会随着页面的大小自适应页面，如果你是用px，就用原来的尺寸/2,1px =2rpx;只在p6模式下是2倍

image.png

如果直接在外层容器上添加背景色是显示如上图

page{
  height: 100% ;
  background-color: #b3d4db;
}

给小程序的顶部设置背景颜色

image.png

注意：text中输入\ne文字会换行

移动设备得分变率与rpx之间的关系

image.png
image.png

分辨率（pt）逻辑分辨率，可以简单理解为与屏幕的物理尺寸有直接关系，长度单位。
分辨率（px）：物理分辨率与屏幕尺寸无关，可以理解为像素点，在相同的面积下，像素点越多图片越清晰。
ppi：每英寸像素点的个数，屏幕尺寸是指对角线的长度，计算都股定理然后除以英寸数即可。

image.png
image.png
image.png
image.png

所以当不需要根据屏幕自适应时无需用rpx的单位，具体情况具体而定即可。