微信小程序苹果手机边框显示不全解决办法

最新推荐文章于 2025-06-11 17:33:01 发布

原创最新推荐文章于 2025-06-11 17:33:01 发布 · 1.2w 阅读

2 ·

CC 4.0 BY-SA版权

在开发中遇到苹果设备边框显示不全的问题，尤其是当边框设置为1rpx时，部分手机上会转成0.5px导致显示异常。本文提供了解决方案，包括将边框设置为1px或不设置边框大小，让系统采用默认边框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在开发过程中，发现有一些苹果机的边框显示不全，如下图：

真机调试后，发现是边框设置为1rpx，在一些手机上会转成0.5px，只要是小于1px显示都不正常。解决办法：

1、边框的设置写法1px

2、不设置边框大小，让系统默认的边框大小

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

菠萝香

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序之1rpx的边框在部分机型上展示不全的问题

haoyanyu_的博客

08-10

1659

最近写小程序的商品列表时，商品卡片里需要展示商品的【优惠券】或者【包邮】标签。设计稿里，标签的边框是0.5px，在微信小程序里就是1rpx的宽度。测试的时候发现在一部iphone6手机上，【包邮】的右边框展示不完整，如下图：测试数据没有商品图片，忽略忽略，看【包邮】标签就好 ???? 包邮标签的样式写在css里， border: 1rpx solid #FF4444; border-width改成2rpx（即1px）是可以正常展示的，只不过边框变宽了，但是要按照稿子来啊*(审美缺失部的名头可是

微信小程序苹果手机自带的数字键盘老是弹出收起，影响用户体验，100%解决

小丁的博客

12-17

981

微信小程序苹果手机自带的数字键盘老是弹出收起，影响用户体验，100%解决。

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序-边框样式显示不全的问题

fish_zhangyu的博客

11-22

1259

微信小程序border : 1rpx ios真机显示不全问题

小程序开发

最新发布

2401_87291474的博客

06-11

1167

数据绑定的基本原则（1）在 data 中定义数据（2）在 WXML 中使用数据在 data 中定义页面的数据在页面对应的 .js 文件中，把数据定义到 data 对象中即可：Mustache 语法的格式把data中的数据绑定到页面中渲染，使用 Mustache 语法（双大括号）将变量包起来即可。

微信小程序 —— 1rpx边框ios真机显示不完全

解语解花

04-14

1554

问题描述：微信小程序在ios真机上有1rpx边框时，可能出现边框显示不完全的情况。

微信小程序 IOS部分机型border显示不均或不完整问题

qq_59562332的博客

06-24

1206

在小程序中，ios的部分机型会出现border 显示不完整，或是boder粗细不均的问题，在我看来，这是极少数的情况。

微信小程序IOS IphoneX上边框显示不全

Lee_NeiL_的博客

11-26

1927

今天调试页面微信开发工具上看没有任何问题，安卓疯7的真机也没问题到了疯X上出了问题如下图如图显示不全看了代码设置如下各种摸不到头脑 ---------------------------------分割线----------------------------------------- 解决方案如下！！！！！！！！！！！！！完美解决，因为0.5px在ios中...

微信小程序uniapp日历组件，可以自定义文案，可以上下滑动选择日期

03-01

在IT行业中，微信小程序是一种轻量级的应用程序，它运行在微信环境中，无需下载安装即可使用，极大地便利了用户。而uni-app则是一个多端开发框架，它允许开发者使用一套代码来构建iOS、Android、H5、微信小程序、...

使用Java绘制图片边框，解决微信小程序map组件中marker与label层级关系问题，label增加外边框后显示不能置与marker上面

番茄Salad

11-13

807

今天上线的时候发现系统不同显示好像不一样，苹果手机打开的时候是正常的，但是一旦用安卓手机打开就会出现label不置顶的情况。尝试了很多种办法，也在官方查看了，发现并没有给label设置zIndex的属性，只看到了一个叫什么碰撞类型的属性，但是这个东西设置了如果两个目标有接触就会被隐藏掉，并不是我们想要的结果。想了一下，如果我们不使用label生成边框呢，直接在服务器那边把图片绘制成有边框的不就好了，这样子只用marker就行了，就能得到iOS的效果了。

微信小程序1rpx border ios真机显示不全问题

anda9128的博客

10-11

804

无意间测试发现，把border的颜色的透明度颜色改成0.99就可以了。1就不行。边框显示不全的写法：　border:1rpx solid rgba(244,84,80,1); 将边框代码的透明度改成0.99就可以显示了。　　border:1rpx solid rgba(244,84,80,0.99); 但是修改完后，发现左边框和下边框粗一些，也没...

小程序为什么无法正常显示

weixin_43096382的博客

05-30

2481

客户在使用小程序的过程当中，偶尔会碰到小程序内容无法显示出来，例如一片空白、一直加载中等，这不仅影响用户体验，还可能对业务造成一定损失。可以用手机微信体验一下，检查是否复现。代码错误：小程序的代码逻辑复杂，如果开发者在编写代码时存在错误，如变量未定义、函数调用错误等，都可能导致小程序显示空白。数据问题：小程序的数据源出现问题，如API接口返回错误的数据格式、数据未正确加载等，也可能导致小程序显示空白。网络问题：小程序加载需要稳定的网络环境，如果网络不稳定或中断，可能导致小程序无法加载数据，从而显示空白。

微信小程序苹果真机测试边框显示不全

qq_36341910的博客

05-06

1104

今天发现了。在开发工具中显示正常的边框到了苹果真机测试的时候发现边框显示不全。网上搜答案发现是边框设置为1rpx，在苹果手机上会转成0.5px，只要是小于1px显示都不正常。解决办法：边框的设置写法1px ...

ios页面的button边框显示不全

qq_46617584的博客

02-27

566

ios页面的button边框显示不全

解决微信小程序真机显示界面文本框不正常显示

keeprunning95的博客

08-14

5967

问题描述：正常显示应该如下真机测试时有些机型显示如下，样式丑陋问题解决：限制输入手机号这一组件的宽度，添加style="width:{{'200rpx'}}" <input placeholder="请输入您的手机号" type='number' maxlength='11' bindinput='inputPhoneNum' style="width:{{'200r...

【uniapp小程序】苹果手机真机某个边的边框显示不全问题

xiaotangyu7dong的博客

03-25

2614

【uniapp小程序】苹果手机真机某个边的边框显示不全问题解决方法原创 微信小程序在苹果ios真机上如果有一排有边框的标签时，可能会出现个别边框显示不全的问题。当标签的父容器宽度(单位rpx)÷2的值为偶数或偶数.5的时候会出现该bug,那么我们可以推到出用200.52=401,3022=604等等都会重现这个bug, 那么解决方案就来了： 1）第一种方式是设置标签父容器的宽度到无bug值，即(奇数或奇数.5)2,例如2812rpx,281.5*2rpx可以解决 2）第二种方式是补充像素单位：步骤1

微信小程序兼容ios底部导航栏边距

B2689429488的博客

11-23

489

微信小程序兼容ios底部导航栏边距

Laya发布魅族小游戏后屏幕显示不全的解决方法

Locker的博客

04-07

559

建议去看Laya那边的技术文档，关于屏幕适配的部分可以先找到游戏项目的Main.ts文件，在里边添加一句 Config.useRetinalCanvas=true 也可以根据laya官方文档去改，链接在这，别想着看魅族的坑爹文档了。 ...

解决微信小程序元素下边框不显示的问题

不乱于心, 不困于情,不畏将来,不念过往

10-10

932

解决微信小程序下边框不显示的问题;我猜测导致这个问题的原因和rpx的自适应缩放有一定关系！

微信小程序tabbar凸起不闪烁显示方法

针对标题中提到的“uniapp 微信小程序tabbar凸起的显示，不闪烁”，这里涉及的技术点主要包括了微信小程序自定义tabbar的设计、uniapp的页面布局以及动画效果的实现，以确保tabbar在视觉上呈现出凸起效果，且在页面...