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

最新推荐文章于 2022-07-11 17:58:34 发布
最新推荐文章于 2022-07-11 17:58:34 发布
阅读量1.8k 收藏 3
点赞数
分类专栏： 小程序 文章标签： 小程序 小程序样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lee_NeiL_/article/details/102974101
版权
在微信小程序开发过程中，遇到在iPhoneX上页面边框显示不全的问题，经排查发现，0.5px的边框在iOS设备上无法正确显示。通过调整边框宽度为1px，成功解决了此问题。
摘要由CSDN通过智能技术生成

今天调试页面微信开发工具上看没有任何问题，安卓 疯7的真机也没问题 到了疯X上出了问题 如下图

如图显示不全 看了代码设置如下

各种摸不到头脑

---------------------------------分割线-----------------------------------------

解决方案如下！！！！！！！！！！！！！

完美解决，因为0.5px在ios中是无法显示的（无法显示小于1px）

最低0.47元/天 解锁文章
微信小程序之1rpx的边框在部分机型上展示不全的问题
haoyanyu_的博客
08-10 1552
最近写小程序的商品列表时，商品卡片里需要展示商品的【优惠券】或者【包邮】标签。 设计稿里，标签的边框是0.5px， 在微信小程序里就是1rpx的宽度。 测试的时候发现在一部iphone6手机上，【包邮】的右边框展示不完整，如下图： 测试数据没有商品图片，忽略忽略，看【包邮】标签就好 ???? 包邮标签的样式写在css里， border: 1rpx solid #FF4444; border-width改成2rpx（即1px）是可以正常展示的，只不过边框变宽了，但是要按照稿子来啊*(审美缺失部的名头可是
微信小程序开发注意指南和优化实践
weixin_43966128的博客
08-05 421
微信小程序开发注意指南和优化实践 一、WXML 不要换行写，有空格不行 微信开发者工具不会对代码进行trim操作，如果代码中换行，页面也直接换行。 wx:if vs hidden 一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。 图片处理 1.大图片也会造成页面切换的卡顿 有一部分小程序会在页面中引用大图片，在页面后退切换中会出现掉帧卡顿的情况。 2.图片占容量 代码包限制
微信小程序在部分iPhone手机中边框一侧显示不完整
系咩的个人收藏博客
03-19 3514
在开发微信小程序商城项目中发现一个小问题， 在部分iPhone手机中选商品加入购物车那边类别的边框右边的显示不出了，就跟被吃了一样。!!!∑(ﾟДﾟノ)ノ。赶快翻阅百度老师以及自己多方测试， 发现这个问题不止我们遇到过。看了看都是1rpx产生的，补充下开发者工具中不会体现，真机下才会发现问题。 解决办法就是： 修改父容器的宽度为 奇数或奇数.5 ...
微信小程序边框在ios上面显示缺上边框或下边框问题
qq_30856967的博客
07-14 1006
1、把这个容器的高写为偶数 2、补充像素单位 　　　　wxml:　 　　　　　　　　< view class=“space”></ view> //补充的标签 　　　　　　.space { 　　　　　　　　width: 1rpx; 　　　　　　　　height: 100%; 　　　　　　　　float: left; 　　　　　　} ...
关于微信小程序Swiper图片边框在部分机型显示不全的情况
weixin_44780427的博客
05-02 413
把image中的属性宽高设置成100% 设置某一个值可能在某些机型上不显示底部变宽（即使是image和父元素的宽高设置一样的）
微信小程序1rpx border ios真机显示不全问题分析及解决方案
热门推荐
05-15 2万+
微信小程序在iphone6或6p真机上如果有一排有边框的标签时，可能会出现个别边框显示不全的问题，下面进行一步一步分析 1.页面内容如下 wxml内容： <view class='title'> 您喜欢下面那个公司？ </view> <view class='label-con'> <view class='label'>中国移动...
微信小程序苹果真机测试边框显示不全
qq_36341910的博客
05-06 1068
今天发现了。在开发工具中显示正常的边框 到了苹果真机测试的时候发现边框显示不全。 网上搜答案发现是边框设置为1rpx，在苹果手机上会转成0.5px，只要是小于1px显示都不正常。解决办法： 边框的设置写法1px ...
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配 ...
03-29
在开发微信小程序或H5应用时，针对iPhoneX及其后续型号设备的屏幕适配是一个重要的环节，特别是要处理好安全区域（Safe Area）与底部小黑条（Home Indicator）的问题。安全区域是苹果自iOS 11起引入的概念，旨在确保...
微信小程序学习指南
weixin_30446197的博客
12-13 3563
作者：初雪链接：https://www.zhihu.com/question/50907897/answer/128494332来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 微信小程序正式公测， 张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文） ... 前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S； 1：官方工具：http...
微信小程序实用组件：自定义弹框toast
03-29
小程序提供的提示弹框没有错误，警告的样式只有success和loading的,但是在实际需求中需要很多的这样的提示框，简单的做了一个，供大家参考  效果预览： (此图片来源于网络，如有侵权，请联系删除! ) 代码介绍：  alert.js：   function alertShow(that, iconType, alertlable) { that.setData({ isAlert: true, iconType: iconType, alertLable: alertlable }); setTimeout(function (e) { that.setData({ isAlert: f
微信小程序 —— 1rpx边框ios真机显示不完全
解语解花
04-14 1397
问题描述：微信小程序在ios真机上有1rpx边框时，可能出现边框显示不完全的情况。
微信小程序设置超出边框不显示_微信小程序文本格式问题：如何解决一个长方形边框里的多行文本无法完全水平居中问题？...
weixin_39931923的博客
12-19 262
一个长方形边框里的多行文本无法完全水平居中问题，具体如下：多行文本时，文本框里的右边红色箭头那里就会留白多一点，无法完全水平居中，如图：，尝试删掉换行的那些字，变成单行文本的时候，左右的留白是一样的，是可以完全水平居中的，如图 ：请问想要多行文本做到完全水平居中，怎么解决这个问题呢？请各位大神帮忙看看，感谢感谢！相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)//.wxml一旦你停止思考...
微信小程序 1rpx border ios 真机显示不全
FE-阿阳的博客
01-20 2529
微信小程序 1rpx border ios 真机显示不全 问题描述 在微信小程序的原生页面，ios 真机上 1rpx border 会出现个别边显示不全的情况； 解决方案 这里先放上问题直通车：微信小程序1rpx border ios真机显示不全问题分析及解决方案 经过分析：当标签的父容器宽度(单位rpx)÷2的值为偶数或偶数.5的时候会出现该bug,那么我们可以推到出用200.5*2=401,3...
微信小程序边框1rpx不显示问题
努力的nana
10-25 733
1.将border使用background进行改写： 原本的样式： border: 1rpx solid red; 改为： width: 100%; height: 1rpx; background: red;
微信小程序苹果手机边框显示不全解决办法
pinena的博客
03-11 1万+
在开发过程中，发现有一些苹果机的边框显示不全，如下图： 真机调试后，发现是边框设置为1rpx，在一些手机上会转成0.5px，只要是小于1px显示都不正常。解决办法： 1、边框的设置写法1px 2、不设置边框大小，让系统默认的边框大小 ...
解决在小程序/H5上点击输入框键盘弹起后弹框显示不全问题@令狐张豪
LingHuzh的博客
07-11 1682
要实现的效果图： 解决思路： end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！ 文章对您有所帮助请给作者点个赞支持下，谢谢~......
0.5px的边框线遇到的坑
weixin_44437258的博客
10-14 559
奇怪的需求，要0.5px的边框线，有一个巨简单的方法，怕我忘了记录一下 使用box-shadow的方法 box-shadow: 0 0 0 0.5px black; 一句话搞定 兼容问题 这种方式在chrome可以， 但是firefox会出现如下情况（将其设置为0.6就会恢复正常，但是设置为0.4,box-shadow就全部消失了） ...
微信小程序源码：iOS平台上的计算器应用
资源摘要信息: "微信小程序源码-iOS计算器.zip" 是一款专门为iOS平台设计的微信小程序，它可以模拟计算器的基本功能。微信小程序是不需要下载安装即可使用的应用，用户扫一扫或搜一下即可打开应用，是一种全新的连接...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值