小程序（2）-分辨率适配问题

1、小程序的文件类型和目录结构

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

wxml是编写小程序的骨架页面
“/”根目录下
只有用text组件包围的文字才可以长按选中在小程序中。
<view></view>没有什么实质性的功能，就跟div一样是用来布局的。

image.png
把所有相关文件关联在一起。
静态样式写在css文件的class中，动态样式写在标签内的style，动态样式。

2、移动设备分辨率及小程序自适应单位rpx

image.png

pt：逻辑分辨率，与长度有关
px:物理分辨率，与长度无关，跟点有关
为什么模拟器下ip6的分辨率是375px;而设计图给的是750px?

image.png

小程序模拟器给的是逻辑分辨率，设计图是物理分辨率，两个之间是2倍关系。所以设计图的尺寸要除以2,如果是用px做单位的话。

image.png image.png image.png

再增加物理像素点人眼已经分辨不出来

image.png
image.png
image.png