为啥打开微信小程序的时候发现屏幕两边有黑边?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥打开微信小程序的时候发现屏幕两边有黑边?相关的知识,希望对你有一定的参考价值。

打开所有的小程序,屏幕两边都会露出两条黑一线或者是白线,就是小程序无法站满屏幕。

参考技术A 因为那是手机屏幕边的黑框。 参考技术B 换个手机
滑稽
滑稽

IOS iphone 4inch上应用没有全屏,上下有黑边

在编写IOS应用程序的过程中。我一直都是使用iPhone Retina(3.5-inch)模拟器測试的,一切显示正常,切图例如以下:

技术分享

我在应用开发中,採用的是纯代码实现。

公司提供了一部iPhone4s,我使用其測试一切显示正常。 问题出在,当我使用iPhone5和 iPhone5s真机測试时,发现我的应用在iPhone5和iPhone5s上没有铺满屏幕显示画面,而是在应用画面的上下各有一条黑色。截图例如以下:

技术分享

检查问题步骤:

一、我開始细致检查我的代码。发现 在整个project中,没有一个地方在设置画面高度时候使用了固定值480,都是直接获取屏幕大小,然后再设置画面大小的。

二、检查项目资源。确认已经加入了Default.png、[email protected][email protected]启动图片和其他资源。

三、我開始在网上搜索,查看有没有网友遇到类似的问题,他们是怎么解决的, 并且 尝试了网友提供的各种方法(有说 假设用的有xib,就在xib里面设置一下view的自己主动布局;假设用的是纯代码,就手动设置UIView的autoLayout,... )。终于都没有结果。

       在这个过程中,看到有网友由于这个问题,导致 公布应用的时候被苹果拒绝了。

       解决方式:

       1、我无意间发现曾经我写的Demo能够在 iPhone5s真机上正常显示,我就又新建了一个项目,然后直接执行,显示正常。这时候我内心就激动了。

       2、我细致对照两个项目的异同点,发现“项目配置什么都一样”,内心纳闷,没问题呀。

       3、终于发现,一个项目的配置是这种,截图例如以下:

技术分享

      

       之前写的Demo项目配置例如以下图:

技术分享

       

         原因 iphone Portrait ios 里面须要R4的启动图片,假设没有相应的启动图片,系统会觉得是3.5inch的设备

就会上下有黑边仅仅须要把Launch Image是配置成以下这幅图的选项就能够了,详细操作例如以下图:

技术分享

      

       。

将准备好的图片拖放到LaunchImage中对应的框中。删除手机上原来的app,Cleanproject。又一次执行就好了!

以上是关于为啥打开微信小程序的时候发现屏幕两边有黑边?的主要内容,如果未能解决你的问题,请参考以下文章

为啥微信小程序一直在加载中

打开微信小程序进入健康新甘肃为啥提示请检查时间

微信小程序为啥打不开demo

微信小程序双标签怎么打开

为啥我的微信小程序在测试时wifi下不能打开,4g下就可以

微信小程序云开发修改个人信息为啥修改的变成其他人的