微信小程序ios下,border显示不全兼容问题解决

这篇具有很好参考价值的文章主要介绍了微信小程序ios下,border显示不全兼容问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

小程序在ios系统中,如果border小于1px的情况下,border就可能显示不全(可能少了上下左右任意一边)

只需要加一个::after或::before伪类,使用绝对定位定在原来元素上边就不会产生问题了!文章来源地址https://www.toymoban.com/news/detail-689750.html

.d_card_line1_tag {
  padding: 1rpx 14rpx;
  /* border: 1px solid #333; */
  font-size: 18rpx;
  position: relative;
}
.d_card_line1_tag::after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%,-50%);
  border: 0.5px solid #333;
  border-radius: 4rpx;
}

到了这里,关于微信小程序ios下,border显示不全兼容问题解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序、h5兼容性问题(1)

    1. 微信小程序中border-image 设置渐变 导致border-radius 不生效。 不建议两者同时使用,实测ipone12 不兼容, ipone 12以上正常显示。可以使用背景图片代替。 2. h5 使用原生table tr、th、td封装表格,在ios 中样式失效 建议使用dev 整体布局。 3. 企业微信群二维码插件materialPlugin、cell

    2023年04月09日
    浏览(42)
  • uniapp微信小程序兼容性问题记录(持续记录)

    “vue”: { “version”: “2.6.14” } “uview-ui”: { “version”: “1.8.7” }, 用如上方式在H5端运行时没有问题的,但在微信小程序端就找不到组件,所以修改为全部在main.js中引入 官方解释如下 https://ask.dcloud.net.cn/question/145410 H5端运行效果 微信小程序端运行效果 一开始以为:style没

    2024年02月09日
    浏览(32)
  • uniapp编译成微信小程序中遇到的兼容性问题

    模板里面如果存在这样的语法,则会报错Bad value with message;然而||\\\'\\\'和||[]则不会报错;如下所示; 解决方法:建议java后端加个拦截器统一处理下null 建议使用计算属性来访问全局变量; 原因: 排查循环依赖的问题 ,如下注释的代码即为循环依赖 uni.scss文件一定不能引用过多的样

    2024年02月07日
    浏览(50)
  • 【uniapp】使用canvas组件编译到微信小程序兼容出错问题

    使用uniapp编译跨平台项目会遇到不少兼容问题,这里主要讲canvas组件的,编译到微信小程序会有兼容出错问题,这里给讲一下解决方案,希望有帮助。 如果使用 CanvasContext 绘制,以下代码,编译到微信小程序上可能发现绘制不出来 看canvas组件的属性 type=\\\"2d\\\" 是否有加,要去掉

    2024年02月02日
    浏览(54)
  • 微信小程序border-radius不圆滑

    border-radius可以设置:百分比或者像素值 1.使用像素值比较圆滑  2.使用百分比不够圆滑  

    2024年02月16日
    浏览(36)
  • 【微信小程序】微信小程序tabBar使用中不显示问题

    目录 微信小程序中tabBar配置 tabBar配置好以后不显示的解决方法 微信小程序中下方的tabBar如何配置很多刚刚接触小程序的同学,有些懵。这里给你一个详细的配置文档: 小程序配置 | 微信开放文档 具体配置代码如下: tabBar:是我们指定了内部配置为小程序的tabBar, list:则

    2024年02月09日
    浏览(34)
  • 微信小程序-处理ios无法播放语音的问题

    框架:taro+vue3 问题:今天搞小程序语音播放功能,开放工具播放正常,但是到ios手机上调试时无法播放,在网上找到个好办法 核心代码 略微完整的代码

    2024年02月15日
    浏览(68)
  • 微信小程序 -- ios 底部小黑条样式问题

    如图,ios有的机型底部伪home键会显示在按钮之上,导致点击按钮的时候误触 App.vue 有样式问题需要修改的页面 我这里写的是:如果不是有小黑条的机型(也就是bottomHeight===0的机型),那么我的paddingBottom设为10px;如果有的话,那么paddingBottom就设为小黑条的高度bottomHeight vu

    2024年02月05日
    浏览(27)
  • 微信小程序使用echarts不显示的问题

    前几天在微信小程序中用echarts发现不显示,主要有一下几个可能

    2024年02月12日
    浏览(23)
  • 微信小程序 图片显示不出来的问题 100%管用

    相信大多数微信小程序的开发者都会遇到的一个问题就是图片在模拟器上能显示 跑到真机上就不行,而且ios能显示安卓却显示不了的问题,这个问题也是困扰了我很久,最终想到了解决方案。   大多数情况下 都是后端返回一个url地址然后我们再拿基准路径去拼接 ok这没问题

    2024年02月16日
    浏览(27)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包