小程序样式和手机显示不同（微信小程序样式）

摘要： 不同手机的 系统设置 是有区别的，屏幕大小的不同，按键的位置不同，都会造成显示方面的不同，这个很正常，重新下载一款微信开发的小程序，再进行程序的编写，看看能不能解决问题，有可能是相...

本篇目录：

• 1、小程序丨【已解决】不同手机,小程序显示不一样,这是小程序bug还是我的...
• 2、小程序中,同一个图在ios与android中显示不同,怎么办
• 3、为什么不同版本苹果手机对同一小程序显示不一样
• 4、华为手机微信小程序不能显示完整
• 5、微信小程序自定义底部导航栏,切换不同页面显示不同tabbar

小程序丨【已解决】不同手机,小程序显示不一样,这是小程序bug还是我的...

不同手机的 系统设置 是有区别的，屏幕大小的不同，按键的位置不同，都会造成显示方面的不同，这个很正常。

重新下载一款微信开发的小程序，再进行程序的编写，看看能不能解决问题，有可能是相关小程序和你使用的微信版本，或者是手机系统版本不相匹配才会出现的这样的问题。

网络问题：如果另一个手机的网络不稳定或者网络环境不良好，可能会导致无法登陆微信小程序。微信版本问题：如果另一个手机的微信版本过低或者未更新，可能会导致无法登陆微信小程序。

小程序中,同一个图在ios与android中显示不同,怎么办

这个问题主要有两个原因。一个是手机版本的问题，手机版本过低的话，有很多在软件上能使用的功能无法打开。这时显示的界面就不一样了。如果把软件升级到最新版本，那么他们就会一样了。这个问题最多的原因还是手机的问题。

具体的解决方案如下：不再是直接style里面添加0.5px的border，而是内部添加一个view，把border通过伪元素绘制出来，宽高是200%、边框是1px，通过缩放0.5倍，绘制出和父视图一样的粗细的border，在ios上也能保证粗细一致。

不同手机的 系统设置 是有区别的，屏幕大小的不同，按键的位置不同，都会造成显示方面的不同，这个很正常。

随后Google以Apache开源许可证的授权方式，发布了Android的源代码。第一部Android智能手机发布于2008年10月。Android逐渐扩展到平板电脑及其他领域上，如电视、数码相机、游戏机等。

高保真UI图所起到的作用是，开发会参照其画页面，仅仅是获知页面样子的一个手段，并非什么高精度的事情。

为什么不同版本苹果手机对同一小程序显示不一样

1、是有区别的，屏幕大小的不同，按键的位置不同，都会造成显示方面的不同，这个很正常。

2、一个是手机版本的问题，手机版本过低的话，有很多在软件上能使用的功能无法打开。这时显示的界面就不一样了。再有一个就是软件的版本，如果把软件升级到最新版本，那么他们就会一样了。这个问题最多的原因还是手机的问题。

3、在这种情况下，估计是版本号不一样造成的。如果两部手机之间的系统版本是不一样的，那么软件支持的版本也是不一样的，虽然已经提示到了跟最新版本但是有可能是不一样的。如果软件的版本号是一样的那么界面肯定是一样的。

4、会的，这需要看是什么软件。比如说我们常用的比较稳定的，这些软件兼容性肯定做得好，所以基本上不会出现什么问题，如果是小众开发或者个人开发，没有经过大量的测试的软件，对于兼容性或者稳定性也不能保证。

5、应用的设备不同：IOS和安卓最大的区别在于本身所应用的设备不同。IOS系统主要是应用在iPhone、IPad、itouch设备上的操作系统，安卓系统主要是应用在安卓智能手机上的操作系统。

华为手机微信小程序不能显示完整

1、第一步，当页面弹出小窗口时，点击页面空白处就可以变回全屏。（如下图所示）第二步，再进入手机设置页面，点击辅助功能。（如下图所示）第三步，进入辅助功能页面，点击单手模式。

2、小程序本身不支持全屏播放：有些小程序的视频播放功能可能不支持全屏播放，这种情况下您就无法在观看视频时切换到全屏模式。微信权限设置：微信在某些情况下可能需要获取您的相册或者相机权限才能支持视频全屏播放。

3、可以重新授权小程序试试。微信小程序打开都会有显示不完全的问题，怎么办。首先试下将小程序删除掉，再重新授权打开，一些非腾讯官方开发的小程序，还是会存在一些bug的。

4、重新设置。首先打开手机应用，点击下面的小正方形图标。然后点击上面的悬浮窗图标，按住蓝色的横线可以把小窗口移动到要放置的位置。最后要调节小窗口大小，可开启分屏模式，上下调节大小。

5、微信界面显示不全，可能是微信程序的显示问题，可以将微信程序后台退出之后，重新打开程序尝试查看，如果无法恢复，可以将手机关闭之后重新启动。也可能是微信app更新之后导致的与手机适配故障，等待微信app官方发布更新修复即可。

6、手机采用的是全面屏设计，显示屏比例为：19：9；若所操作的软件未适配该显示屏比例的话，是无法进行全屏显示的。可以尝试进入手机设置--显示与亮度--第三方应用显示比例中找到微信该款软件，开启全屏显示试试。

微信小程序自定义底部导航栏,切换不同页面显示不同tabbar

1、首先打开微信开发者工具，找到项目文件目录中的app.json并打开它。然后再Json中怎样一个key——“tabBar“。然后是设置文本的颜色：color：#8a8a8a。设置文本选中时的颜色，selectedColor：#07c160。

2、tabBar 在app.json文件中添加tabBar节点。tabBar是小程序客户端底部或顶部tab栏的实现。（1）tabBar相关属性 color：tab上的文字默认颜色，仅支持十六进制颜色。selectedColor：tab上的文字选中时的颜色，仅支持十六进制颜色。

3、分享一个完整的微信小程序自定义 Tabbar ，tabbar按钮可以设置为跳转页面，也可以设置为功能按钮。懒得看文字的可以直接去底部，博主分享了GitHub地址。

4、这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中查看当前小程序的启动日志。获取微信小程序的AppID首先，我们需要拥有一个帐号，如果你能看到该文档，我们应当已经邀请并为你创建好一个帐号。

5、设置导航栏导航栏TabBar如果我们的小程序是一个多tab应用（客户端窗口的底部或顶部有tab栏可以切换页面），那么我们可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。

6、参照微信小程序官方文档， 自定义tabbar ，但该文档只是实现了自定义tabbar，没有实现不同角色不同的tabbar，且官方文档中的custom-bab-bar组件中的setData方法存在在真机上不能重新渲染的bug，可能是由于缓存造成的。

到此，以上就是小编对于微信小程序样式的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。