小程序详情页尺寸大小多少

小程序详情页尺寸是75016001400

你在设计稿件中可以把做成750px宽，而高度，我建议你做成1600，然后掐头去尾留1400高度作为画布的高度。并且要求考虑到屏幕变长变短后UI是否可以适应。(这个和设计自适应网页一致)

为什么要这样做？

不同手机高度是不相同的。当然宽度也不相同，但是小程序给了你一种机制rpx，可以把屏幕宽度确定在750rpx，那么只要考虑高度上适应。

做到含系统UI1600的话，差不多是小屏幕和大屏幕的折中。那么你在这个基础上调整，能够比较方便。

如UI要考虑到横屏？

那这个时候就很不一样了喔，要把高宽思维调过来。

如果内容要支持高清？

那么你设计UI的时候，按照750px屏宽做可以的。

但是在处理内容的时候可以再翻大一倍。代价就是变大了。这个权衡好了再定。如果一个界面一下子打开一百个内容的列表，一口气要加载十几m，那体验也会糟糕。

如果不是设计，是开发定义css怎么办？

和其他人不同，我不建议用750rpx定义。如果需要横向盛满，那么应该用100%，或者更酷的100vw。

如果是UI元素的，用em，rem。这些都是CSS原生的概念。和一个像素被智能切成了多少个像素没关系。

这样就可以延续更加成熟的CSS框架思想。

主要有四个文件类型,如下

WXML （WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。

WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式，

js 逻辑处理，网络请求

json 小程序设置，如页面注册，页面标题及tabBar。

注意：为了方便开发者减少配置项，规定描述页面的这四个文件必须具有相同的路径与文件名。

在根目录下用app来命名的这四中类型的文件，就是程序入口文件。

appjson

必须要有这个文件，如果没有这个文件，项目无法运行，因为微信框架把这个作为配置文件入口，整个小程序的全局配置。包括页面注册，网络设置，以及小程序的window背景色，配置导航条样式，配置默认标题。

appjs

必须要有这个文件，没有也是会报错！但是这个文件创建一下就行 什么都不需要写

以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

appwxss

全局配置的样式文件，项目非必须。

知道小程序基本文件结构，就可以开始研究官方demo了，研究过程中如果有不明白的地方可以去官方文档寻求答案，如果找不到答案或者有疑问，可再此博客留言，相互交流。下面介绍下出现概率较高的几个问题。

rpx（responsive pixel）

微信小程序新定义了一个尺寸单位，可以适配不同分辨率的屏幕，它规定屏幕宽为750rpx，如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 05px = 1物理像素。

这个项目我用的都是rpx尺寸单位，期间遇到一个很奇葩的问题。在相邻的两条信息直接都会有一个分割线，我将线的高度都设置成1rpx,但是不有个别分割线是不显示的

看到没在第一条和第二条直接并没有现实这条线，但是其他的都展示了，分割线的属性是一样的，而且在不同的手机上（分辨率不同）不显示的分割线也是不同的，有的分辨率好几条分割线都不显示，不知道这是模拟器的bug还是rpx的bug。最后分割线的高度尺寸单位使用了px,解决了这个问题。

40013错误

在微信小程序刚出来的时候如果输入AppID提示这个信息

以上就是关于小程序详情页尺寸大小多少全部的内容，包括:小程序详情页尺寸大小多少、微信小程序一直报错、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！