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

在本地测试没有问题,数据在页面写死也没有问题。
但在有的电脑通过后台添加数据就会出现文字不听样式的使唤的情况
(文字大小不是设置的大小)
(只有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... 試試這個方法

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板