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

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

ringa_lee
ringa_lee

ringa_lee

répondre à tous(5)
PHPzhong

Je ne sais pas si les paramètres de taille de police de vos éléments HTML sont cohérents.
Mieux vaut confirmer

html {
 font-size:16px;
}

Écrit sur Android et iOS

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

  • Il peut s'agir d'un problème causé par la police "Pingfang" d'ios9

  • Pour référence seulement

阿神

rem : root em fait référence à la taille de la police racine par défaut définie par les différents navigateurs. La plupart font 16 px, certains font 14 px, etc.
L'ancienne version de Chrome prend en charge un minimum de 12 px, et la nouvelle version est la même que iOS Safari. Cela mènera à un résultat,

html{
    font-size: 62.5%;
}

Ce que vous obtenez de cette façon n'est pas 16px * 62,5% = 10px ; mais 12px (il y a quelque chose de bizarre ici, les éléments descendants font référence à rem et la référence de police est 10px ; les autres références telles que la largeur et la hauteur sont 12px ; ).
Concernant le paramètre de taille de police, il est d'usage d'utiliser 100px, et il est facile de calculer le mappage avec px

;
伊谢尔伦

L'affiche l'a-t-elle résolu ? J'ai également rencontré ce problème, veuillez le résoudre

伊谢尔伦

https://github.com/amfe/artic... Essayez cette méthode

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal