【BUG】数字在IOS中间隔特别大，PC端正常的BUG修复和问题解析

于 2022-12-21 17:32:33 发布
阅读量369 收藏
点赞数
文章标签： 前端 javascript 开发语言 bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48176238/article/details/128399888
版权
博客讲述了在iOS设备上遇到的数字间间距异常问题，经排查发现是Iconfont引起的。通过分析和尝试，最终确定问题在于Iconfont的样式影响了字体显示，并找到了将Iconfont样式单独处理的解决办法，解决了iOS端的显示异常。

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

抛出问题

数字在PC端和安卓是正常显示的

 

但是在ios端数字之间不太熟关系不太好，导致间隙很大

 

定位问题

  1. 首先肯定是样式问题 所以检查自己的css,发现把自己的css全部注释了都不行
  2. 于是怀疑是ios兼容性问题（之前被坑过很多次）于是尝试使用letter-spacing=-15px尝试兼容，嗯，会导致其他端的挤在一起，所以 不行
  3. 最后在大家头脑风暴下，我突然意识到会不会是iconfont的问题，分开写了一下发现确实是。

解决方案

 

 

总结

这个bug问题在于iconfont中的样式会对字体等等产生影响且仅在ios端有影响，最终解决方案是分开写！

江子麟
关注
iOS如何修改字体间距
08-04 7129
iOS如何修改字体间距 iOS4及以下版本，并未提供直接修改字体间距的接口,字体间距都是系统默认大小。要DIY出不同字体间距的话，需要写代码实现。 使用Quartz 2D中的CGContextSetCharacterSpacing来实现修改字体间距。 Quartz 2D
高颜值抓包工具Charles，实现Mac和IOS端抓取https请求
caixiangting的博客
06-12 4590
目录一、Charles介绍二、Charles下载及安装三、Charles界面视图介绍四、Charles抓取HTTPSHi，大家好。在进行测试的过程中，不可避免的会有程序报错，为了能更快修复掉Bug，我们作为测试人员需要给开发人员提供更准确的报错信息或者接口地址，这个时候就需要用到我们的抓包工具。常见的抓包工具有Fiddler、Charles，在此之前介绍过Fiddler抓包：Fiddler抓包详解，今天我们介绍Mac端以及IOS端如何使用Charles抓取https。1、Charles简介Charles中文
iOS中文、数字、符号在UILabel上左右对齐
WUYANYANstrong的博客
06-29 1987
NSLineBreakMode 的区别   typedef enum  {     UILineBreakModeWordWrap = 0,     UILineBreakModeCharacterWrap,     UILineBreakModeClip,     UILineBreakModeHeadTruncation,     UILineBre
iOS小问题记录之Font相同展示出来却没有对齐大小不一样
qq_15509071的博客
09-14 311
首先看内容包不包含数字1（或者7），因为数字里面1就是比2，3都要窄的。 这个问题是多年前遇到的，解决办法可以在确定不侵权的情况下使用等宽字体。
iOS开发－调整文字之间间距
CodingFire的博客
12-25 2706
开发中有时候会碰到字体间间距稍大的情况，如果是已知的文字，有比较少我们可以加个空格解决下，但是当蚊子数量比较多，或者文字未知的情况，我们要怎么调整文字之间的间距呢？这里提供一种方法： UILabel *titleLabel=[[UILabel alloc]initWithFrame:CGRectMake(10, 100, 100, 30)]; [self.view addSubview
移动端页面数字占用空间不同的问题
weixin_55014951的博客
09-13 634
主要体现在0和1的差别很大,导致排列不整齐。
iOS Project Builder for Windows.zip
05-22
《iOS项目构建工具在Windows平台的应用与解析》 iOS Project Builder for Windows是一款专为Windows用户设计的工具，它使得在非苹果操作系统上构建iOS项目变得可能。这款软件提供了2020年4月的最新版本v3.17，同时...
探索Tweejump：iOS平台经典跳跃游戏源码解析
由于RAR格式在iOS设备上不自带解压缩工具，所以可能需要第三方应用或在PC上进行解压。 8. iOS设备和模拟器 iOS应用开发过程中，除了在Xcode中使用模拟器进行测试外，实际的性能测试和用户体验测试通常需要在真实的...
思科GNS3平台C7200IMAGE系列IOS镜像文件解析
3745系列同样是思科的模块化路由器，这个特定版本（123-4.T2）可能是指IOS的某个特定版本号，其中包含了Bug修复和新特性更新。 2. c7200-is-mz.123-14.T1.image：这个文件对应的是C7200系列路由器的IOS镜像文件，...
当乐游戏中心PC版v4.6 Beta：安卓iOS游戏下载新体验
总结来说，当乐游戏中心PC版是一款为PC用户提供在电脑上直接下载、安装和管理Android和iOS游戏的应用软件。其特色功能在于支持广泛的游戏格式、操作简便的用户界面、BT游戏专区以及性能优化。虽然软件目标市场是广大...
小程序开发时PC端调试返回结果和手机端IOS不一致问题
weixin_33853794的博客
09-25 1130
　　IOS11登录时遇到一个请求与PC返回不一致情况,在小程序调试时IOS上始终没有wx.request()不能发送请求 尝试解决方法 　　打开微信小程序调试的设置,将TLS设为可信任的域名 设置 --->项目设置 转载于:https://www.cnblogs.com/zhongke/p/9699297.html...
使用iconfont中图标后，大小显示不一致
唐璜Taro的博客
03-19 4461
使用iconfont 中的图标，但是引入看到效果之后，但是各自显示各自的大小，为啥会出现这样的情况？
项目总结（6） 关于安卓和苹果系统的区分，关于弹性布局的样式和字间距的样式
时清云的博客
11-08 925
// 判断用户用的是安卓机还是苹果机，以此来解决键盘盖住密码输入框的问题 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+M
css设置竖排字体时letter-spacing无法有效设置字体间距
qq_33960741的博客
02-25 958
因为如果是通过设置宽度来进行自动换行的话，则无法通过letter-spacing或者word-spacing设置字体间距，实际上此时字体间距的本质是行间距，单行只有一个汉字，所以只能通过设置line-height进行设置 ...
ios和安卓的文字和数字不能垂直居中
qq_31382751的博客
06-04 620
height:28px; line-height:28px; display:flex; align-items:center;
微信小程序 数字文本在ios上的表现和安卓不一致
热门推荐
Ghjkku的博客
07-29 12万+
代码】微信小程序数字文本在ios上的表现和安卓不一致。
ios NSDate 时间戳 时间间隔
wsjshx的专栏
12-18 695
NSDate 时间戳 时间间隔 NSDate 使用 ios时间的秒数 取当前时间的秒数 NSTimeInterval time = [[NSDate date] timeIntervalSince1970]; long long int date = (long long int)time; NSLog(@”date\n%d”, date); //1295322949
移动端与pc端的区别 及 ios的 兼容性问题
weixin_30598225的博客
08-24 699
前言：这里移动端主要指 hybrid app 中的H5页面。app 中对页面 样式和功能 的需求会更精细一点。 1、适配： 手机端的尺寸多样，3.5英寸的 iPhone4应该是最小的，只要考虑兼容到iPhone4就可以了。（iPhone4的用户量现在也很少，有时只要兼容到iPhone5就可以了） 　 哪怕有比这个尺寸小的，都不是多人使用的。可能是个位数，甚至是没有。为数不多...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值