Problème de taille mobile
Nous savons que les unités de base des pages frontales sont px, rem, em,
px est l'unité de base couramment utilisée dans les pages PC, et le relatif rem est l'unité de base couramment utilisée dans les terminaux mobiles;
em convient aux PC et aux terminaux mobiles, et sa méthode de calcul est La largeur du nœud parent définit la longueur de son propre em, qui n'est pas couramment utilisée car elle n'est pas propice à un calcul précis.
Aujourd'hui,
je vais parler du rem dans le terminal mobile. Je suppose que vous avez rencontré un tel problème:
la largeur que j'ai mesurée avec l'outil de mesure est de 1rem, ce qui peut être écrit dans le projet, ce qui est évidemment beaucoup plus étroit que la page Web d'origine.
C'est le problème de taille dont nous allons parler aujourd'hui
Résolution de pixel (la plus petite unité indivisible de l'image) : 720 * 1280 signifie qu'il peut accueillir 750 pixels dans le sens horizontal et 1280 pixels dans le sens vertical.
Ppp (pixcel par pouce) contient
1 pouce de pixels par pouce ≈ 2,54 cm
5,5 pouces L'écran ☞ mesure 5,5 pouces de diagonale.
dpi (point par pouce) est la taille
du point par pouce qui peut être logé sur un téléphone mobile. La rétine humaine ne peut distinguer la précision que dans les 300 pixels, et il n'y a aucune différence si elle dépasse 300 pixels. Quelles sont les tailles fixes courantes
d'
iphone 5/6/7 1: 2
iphone 5 6 7 plus 1: 3
iphone x 1: 3 après la conversion de l'unité pt en pixels dans iOS
?
Barre d' état 20pt
barre de navigation 44pt
liste 44pt
bas 49pt
icône / segmenteur 29pt liste
espacement commun
8 pt
15pt
texte commun
titre 17pt
13pt normale
dernière 10pt
J'espère que ces données peuvent vous aider, bienvenue à ajouter