问题的整理

1.关于uniapp开发，根据uniapp官网，可以采用两种方式创建使用，最简单的是内置uniapp的HbuilderX开发工具，若是使用其他工具，则需要使用脚手架安装；关于vue跟uniapp，uniapp是基于vue开发的运行在移动端的，所以uniapp项目本身就会自带vue文件，支持使用vue。如果打算开发uniapp项目，还是建议使用简单方便的HbuilderX，使用其他工具需要另外下载，且不能直接运行调试，还有其他需要配置的，反正就挺麻烦的。不过我目前也还没有接触太多，只是初步接触HbuilderX开发uniapp项目。

2.关于根据设计稿去编写时的单位大小，想要实现移动端的响应式布局，可以使用rem。首先明确设计稿给的是物理像素大小，咱们编写的是css像素px，网页上给的各种机型大小，也是css像素，而不同的机型物理像素与css像素的比值不同，以iPhone6为参考的话，那就是css像素是物理像素的2倍，所以在直接测量到设计稿的大小时，需要除以2转化成css像素，但是在不同的机型上，就不适合了，所以采用rem布局。rem是相对于根元素的字体大小，比如根元素font-size设为100px，则1rem=100px，这样子就可以根据根元素大小去动态设置，再用其他机型大小比上iPhone6的大小再乘上font-size就可以适应其他机型。但是每次都需要去转化太复杂了，所以可以加一段js代码，获取当前的设备大小，然后动态设置font-size，就不用计算机型大小比值了。计算公式为：font-size=当前设备大小/设计稿大小*100（100是为了容易自己转化），如：在设计稿上量到460px，就可以除以100，写成4.6rem就可以了。最近在uniapp开发的时候用的是rpx实现响应式布局，这是在网上查到的：

rpx其实是微信对于rem的一种应用的规定，或者说一种设计的方案，官方上规定屏幕宽度为20rem，规定屏幕宽为750rpx。所以在微信小程序中1rem=750/20rpx。rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。rpx其实是微信对于rem的一种应用的规定，或者说一种设计的方案，官方上规定屏幕宽度为20rem，规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。到了这里就发现跟rem差不多，只是好像不需要设置font-size了。我是直接按照iphone6的机型打开设计稿，然后量出来的大小乘以2rpx。这里具体怎么实现响应式还有存疑问题，因为写出来使用模拟器模拟时，发现有一些模拟器没有适应。

3.自己在编写页面时的注意：字体行间距要注意，一定要看准设计稿，对于一些间距要把握好！