appui设计安卓边距用30px合适吗
手机软件安卓和苹果的也是不一样的，屏幕不一样，图标大小也不一样，手机图标尺寸是单位是DP，安卓一般是72DP，比如720*1280的图标要做到144PX，如果是1920*1080要达到216PX。
Android 的 dp ：Density-independent Pixels，指密度无关像素。 计量单位决定了我们的思考方式。在设计和开发过程中，应该尽量使用逻辑像素尺寸来思考界面。
众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。字体 安卓系统中文采用的是思源黑体，英文字体为robot字体。
简单来说，以160dpi的设备为准，该设备上1dp = 1px；如果屏幕密度大，1dip代表的px就多，比如在320dpi的屏幕上，1dip=2px(即1dp代表2个像素)。
对图标尺寸进行分类整理，便于界面整体调一致。第三部分、android的按钮和弹出层的设计规范参考。
最常用的图标大小是192x192像素。-Windows：Windows10应用程序图标的大小应该是256x256像素。androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。
手机端vue+vant+rem项目适配750px设计稿的配置
vant是按照375px设计稿开发，为单位的，如果配置根字体大小为35，设计稿就无法还原，配置75，vant组件就变小了。
Vue +H5项目配置 rem 移动端适配。提示： 如果项目使用了第三方的UI组件库（文本以 VantUI 为例），而又不想让组件库的 px 转为 rem ，则需要安装 postcss-px2rem-exclude 。
vuevw+rem方案引入的步骤如下：安装postcss-px-to-viewport插件，在Vue项目中使用vw+rem方案，需要通过postcss-px-to-viewport插件将px单位转换为vw或rem单位。可以使用npm或yarn等工具进行安装。
在main.js中导入lib-fixible.如果未使用vue的伙伴可以直接在前端中直接使用阿里的CDN，如下：注：此处是postcss-px2rem而不是px2rem-loader，网上很多文章都引用是后者，会导致在配置时候无法成功配置。
但是postcss-px-to-viewport正常工作后效果拔群，一步完成适配，也不用去想@media and screen了。
可参考如下方法设置配置。根据博客园PC端网页rem适配方案查询得知。使用sass语法，转换pxrem。设置媒体查询。适配代码。height：px2Rem(70px)。调用scss函数将px转换为对应rem。
ios和安卓ui设计尺寸px是什么意思
1、px 表示一个像素，例如 iPhone 8 的尺寸为 750px × 1334px，表示在该手机屏幕上，水平方向每行有 750 个像素点，垂直方向每列有 1334 个像素点。
2、px即pixel，像素点，电子屏幕上组成图像的最基本单位，在描述屏幕分辨率时也会使用该单位。pt即point，有两个含义，一是印刷行业常用单位，是一个标准长度单位，二是iOS开发用的基本单位。
3、px ： 像素，由三个发光管RGB组成的最小基本单元。常见场景：视觉稿单位/分辨率单位/css常用单位(网页、web应用等)。pt ：点，绝对长度单位。密度无关像素，是IOS开发的基本单位。
4、在iphone3gs的时候，屏幕的分辨率为320x480px、ppi =164 ，这时苹果把iOS系统的逻辑分辨率也设计为320x480pt 、dpi = 164 ，并且后面一值遵循这个UI设计规范(1pt 的大小约等于ppi为164的情况下单个像素的大小)。