前端 - ios下元素设置同样的字体大小,但显示的文字大小不一样?
ringa_lee
ringa_lee 2017-04-18 09:38:01
0
5
943

在本地测试没有问题,数据在页面写死也没有问题。
但在有的电脑通过后台添加数据就会出现文字不听样式的使唤的情况
(文字大小不是设置的大小)
(只有ios手机打开页面会出现这种情况,安卓没有问题)...
如果是后台添加的数据有自己的样式出现的影响,但我通过调试工具并没有发现有其他样式影响?
不知道大家有没有遇到这样的问题?

ringa_lee
ringa_lee

ringa_lee

全部回复(5)
PHPzhong

rem,你的html元素的font-size设置是否是一致的。
最好确认下

html {
 font-size:16px;
}

在android和iOS下都写了

PHPzhong
if (IOS9) {
        self.lableTittle.font = [UIFont fontWithName:@"PingFangSC-Regular" size:26];
    }else{
        self.lableTittle.font = [UIFont fontWithName:@"Helvetica Neue" size:26];
    }

  • 可能是ios9的“苹方”字体引发的问题

  • 仅供参考

阿神

rem: root em 参照根字体的大小,不同浏览器设置的默认根字体大小不全一样,大部分是16px, 也有14px等。
旧版本的chrome最小支持12px,新版本的同ios safari。这样会导致一个结果,

html{
    font-size: 62.5%;
}

这样得到的并不是16px * 62.5% = 10px;而是12px;(这里还有些怪异,后代元素参照rem 字体参照是10px;其他如宽高等参照则是12px)。
关于font-size设置多大,习惯上用100px,与px映射计算方便;

伊谢尔伦

楼主解决了么 我也遇到这个问题了 求解决啊

伊谢尔伦

https://github.com/amfe/artic... 试试这个方法

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板