微信小程序在部分iPhone手机中边框一侧显示不完整

最新推荐文章于 2023-09-01 14:58:27 发布
最新推荐文章于 2023-09-01 14:58:27 发布
阅读量3.4k 收藏 1
点赞数
分类专栏： 微信小程序 vue wepy
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39650528/article/details/88664539
版权
vue 同时被 3 个专栏收录
7 篇文章 0 订阅
订阅专栏
wepy
5 篇文章 0 订阅
订阅专栏
微信小程序
4 篇文章 0 订阅
订阅专栏

在开发微信小程序商城项目中发现一个小问题， 在部分iPhone手机中选商品加入购物车那边类别的边框右边的显示不出了，就跟被吃了一样。!!!∑(ﾟДﾟノ)ノ 。赶快翻阅百度老师以及自己多方测试， 发现这个问题不止我们遇到过。看了看都是1rpx产生的，补充下开发者工具中不会体现，真机下才会发现问题。

解决办法就是： 修改父容器的宽度为 奇数或奇数.5

系咩
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
1upx border在某些手机机型上某一边框显示不出来解决方案
Syleapn的博客
11-01 1275
今天在做uni-app项目进行测试时，发现当边框为1upx时，某些框的边显示不全（无效）。自己某前遇到问题的手机：iPhone XS Max。展示的bug效果如下： 以上区域中，发现边框的下边没有显示出来。又是兼容问题导致的bug。于是网上去查找了一些资料，大致归类为以下几种。 1、将边框样式写在“行内样式”中，即以style的形式嵌在标签中。亲测无效，对于我的项目。大家可以针...
微信小程序之1rpx的边框在部分机型上展示不全的问题
haoyanyu_的博客
08-10 1337
最近写小程序的商品列表时，商品卡片里需要展示商品的【优惠券】或者【包邮】标签。 设计稿里，标签的边框是0.5px， 在微信小程序里就是1rpx的宽度。 测试的时候发现在一部iphone6手机上，【包邮】的右边框展示不完整，如下图： 测试数据没有商品图片，忽略忽略，看【包邮】标签就好 ???? 包邮标签的样式写在css里， border: 1rpx solid #FF4444; border-width改成2rpx（即1px）是可以正常展示的，只不过边框变宽了，但是要按照稿子来啊*(审美缺失部的名头可是
微信小程序中button去除默认的边框实例代码
11-30
微信小程序中button去除默认的边框的实现方法如下所示： button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.55555556; border-radius:5px; -webkit-tap-hi
微信商城小程序 完整实例源代码
06-04
微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小程序 完整实例源代码微信商城小
微信小程序 实例汇总 完整项目源代码
11-01
微信小程序 实例汇总 完整项目源代码
微信小程序swiper使用网络图片不显示问题解决
10-15
主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
【uniapp小程序】苹果手机真机某个边的边框显示不全问题
xiaotangyu7dong的博客
03-25 2065
【uniapp小程序】苹果手机真机某个边的边框显示不全问题 解决方法原创 微信小程序在苹果ios真机上如果有一排有边框的标签时，可能会出现个别边框显示不全的问题。 当标签的父容器宽度(单位rpx)÷2的值为偶数或偶数.5的时候会出现该bug,那么我们可以推到出用200.52=401,3022=604等等都会重现这个bug, 那么解决方案就来了： 1）第一种方式是设置标签父容器的宽度到无bug值，即(奇数或奇数.5)2,例如2812rpx,281.5*2rpx可以解决 2）第二种方式是补充像素单位： 步骤1
移动端 1px解决方案
hellow_world_的博客
09-26 229
//1px @mixinborder-1px($color,$direction){ content:''; position:absolute; background:$color; display:block; @if$direction==left{ left:0; top:0;...
微信小程序样式添加padding后右边不显示
a1411863635的博客
01-22 671
解决办法：添加 box-sizing: border-box; 即可
uni_app 微信小程序 苹果手机 边框显示不全问题
老王子的博客
04-12 2386
.先来看那问题效果图 第一张图出现在iPhone6SP ,第二张图出现在iphone5。可以看出或多少都有残缺的地方。 原因：是因为我们在设置边框的时候设置的rpx ，自适应会自动换算px, 两者之间的比例一般都是1.5-2之间，对于边框 border 来说 少于1px 就会显示不正常。有残缺。 解决方法：在设置比边框 border 的 尽量使用px 为单位。就不会出现残缺问题了 一般的...
微信小程序 解决swiper不显示图片的方法
08-31
主要介绍了微信小程序 解决swiper不显示图片的方法的相关资料,本文对swiper不显示图片，进行了几种方法排查，根据我所遇到的问题提供了该如何解决，需要的朋友可以参考下
小程序1rpx边框不完美解决方案
hhkongbai的博客
12-05 1287
小程序1rpx边框不完美解决方案
微信小程序苹果手机边框显示不全解决办法
Allen-Ye博客
08-04 3991
在实际开发中，微信小程序在真机测试的时候会出现边框不全的情况 发现是边框设置为1rpx，在一些手机上会转成0.5px，只要是小于1px显示都不正常。解决办法： 1、边框的设置写法1px 2、不设置边框大小，让系统默认的边框大小 ...
微信小程序ios下，border显示不全兼容问题解决
最新发布
xwc999
09-01 1492
【代码】微信小程序ios下，border显示不全兼容问题解决。
iOS微信小程序border边框上下不显示的问题
ZerZhang的博客
03-28 1428
iOS微信小程序border边框上下不显示的问题
小程序标签添加边框包裹文字左右不对齐，编辑器没问题，运行真机就有问题了！
weixin_45361573的博客
12-23 709
小程序标签添加边框包裹文字左右不对齐，编辑器没问题，运行真机就有问题了！ 问题：当标签包裹着字体，添加了边框，然后就看到字体向右偏了。 原因：包裹着文字的标签换行了。 如下：评分标签是没有换行的，另外两个是换行了，可以从第二张图看的出来，评分的没有换行，而下面的是利用了三目运算符，然后换了行的！！！！！ 解决：直接将整个标签的代码写在一行，不留空隙。 有时候工具会自动帮你换行的，所以需要留意一...
修改ui库组件样式效果,element饿了么组件库,vant有赞等
系咩的个人收藏博客
09-17 8304
.home为当前模板根元素类名,如下 <template>     <div class="home">     </div> </template>   <style scoped> .home  >>>  .el-button { color:red; } </style
微信小程序中怎么设置input的边框颜色
05-01
在微信小程序中，可以使用以下样式设置input的边框颜色： ```css /* 设置 input 的边框颜色为红色 */ input { border: 1px solid #ff0000; } ``` 其中，`border` 属性用于设置边框样式，包括边框宽度、边框样式和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值