Quelle est la différence entre les termes simples entre aspect-ratio
et device-aspect-ratio
?
aspect-ratio
Décrit le rapport de format de la zone d'affichage ciblée du périphérique de sortie. Cette valeur se compose de deux entiers positifs séparés par un caractère slash ("/"). Cela représente le nombre de pixels horizontaux sur le nombre de pixels verticaux.
source .
device-aspect-ratio
Décrit le rapport de format du dispositif de sortie. Cette valeur se compose de deux entiers positifs séparés par un caractère slash ("/"). Cela représente le nombre de pixels horizontaux sur le nombre de pixels verticaux.
source .
Pour tous ceux qui sont confondus à propos de la différence entre -zone d'affichage ciblée et dispositif de sortie concernant le rapport qualité-prix:
zone d'affichage ciblée
Ratio de format de la fenêtre de votre navigateur ou de la zone Votre site Web est affiché sur (un cas particulier serait par exemple un site Web intégré)
périphérique de sortie
Rapport physique de l'écran. Par exemple. de votre smartphone ou de votre écran de bureau
Comme les smartphones et les comprimés affichent généralement des applications en mode plein écran, Aspect-ratio et le rapport-rapport-rapport sont les mêmes. Sur un ordinateur de bureau, cela n'est sûrement pas toujours le cas car l'utilisateur peut redimensionner la fenêtre du navigateur et modifier ainsi le rapport de format.
J'espère que ça vous aide.
aspect-Ratio mesure la zone de la fenêtre. Device-Aspect-Ratio mesure Zone d'écran de périphérique.
Une différence fonctionnelle sur mobile est que le clavier logiciel peut-il monter des changements de format-ratio, mais ne modifie pas le rapport de l'aspect de l'appareil.
Ratio de format
Le rapport de format Viewport ou de l'aperçu du périphérique est le rapport de la largeur à la hauteur. Donc, si un écran était de 1 000 pixels de large et de 500 pixels élevés, le rapport-rapport-ratio de l'appareil serait de 2: 1, car 1 000 est deux fois 500. Les ratios des écrans varient considérablement, même si au premier abord, ils regardent à peu près comme un rectangle similaire.
Les rapports de moniteur courants de 16: 9 (tels que 1920 × 1080 ou 1366 × 768 pixels) ou 16:10 (1280 × 800). Les iPhone 3 et 4s sont 3: 2 (480 × 320 et 960 × 640) et l'iPhone 5 est de 16: 9 (1136 × 640). Android Téléphones est généralement communément 4: 3, 3: 2, 16:10 ou 16: 9.
Exemples:
@media only screen and (device-aspect-ratio: 16/9)
{ ... }
@media only screen and (min-device-aspect-ratio:
1920/1080) { ... }