h5页面尺寸 h5界面设计尺寸
h5页面制作，设计多大的尺寸，怎么和前端适配，实现设计的视觉稿效果
H5的页面制作设计尺寸是有一定规范的，正常的话是考虑手机的适配问题，所以这个尺寸的话是基于手机来做的。
h5页面尺寸 h5界面设计尺寸
h5页面尺寸 h5界面设计尺寸
具体是多少呢？因为手机的尺寸是不一样的，特别是在比例上，这就要求我们在不同的手机上必须要保证内容的呈现，一定是完整的，但自己要考虑一个问题，要把内容分为重要的和不重要，重要的是什么呢，比如说背景图；重要的话就是放一些文字信息等等。
这样就划分了一个安全区和出血区，出血区和安全区交界的部分，就是不重要的，可以在各位手机上被裁掉的或者用来遮住手机页面背景的；但是安全的内容，是可以保证在任何大小屏幕手机上都可以完整显示。
一般安全区内框的尺寸是375X603PX，但在制作上又是另外一回事了，作铺满内框的图要按照这个尺寸的2倍大小去做。
出血区也就是外框尺寸是422X748PX，作铺满外框的图要按照这个尺寸的2倍大小去做。
这个你可以参考下意派Epub360的画布标准，这个工具是专业级的H5工具。
微信h5页面尺寸
01 在做设计稿的时候，我们还是按照APP的设计稿尺寸来做，那就是375667，除非有特殊要求。
02
导航栏的高度同APP一样，都是做44PX高度来进行适配。
03
导航栏上的字体也同APP没什么别，都是17px。
04
此外就是正文内容的规范了，同APP一样，一二内容分别是16、14、12或者10，当然自己也可以进行适当调整。
移动端的h5页面的尺寸是多少
近来，大尺寸手机屏幕日趋主流，意派Epub360根据对主流大屏的计算，现新增大尺寸手机屏幕的画布，并命名为“微信Plus”。原来的普通微信尺寸将继续保留。
内容安全区：375603（7501206）
出血区：422748（8441496）
左右边框各：23.5px
上下边框各：72.5px
根据该画布，后续将会推出配套的layer组件等尺寸，即当选择使用该微信尺寸时，layer画布跟layer容器尺寸自动默认尺寸：375X603PX，方便调整。
建议是640960或者6401008，制作的话建议用微客场景平台
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系 836084111@qq.com 删除。