web-dev-qa-db-fra.com

Différence entre aspect-ratio et dispositif-Ratio-Ratio dans les requêtes de média CSS

Quelle est la différence entre les termes simples entre aspect-ratio et device-aspect-ratio?

27
poptag

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 .

3
alex

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.

38
F Lekschas

aspect-Ratio mesure la zone de la fenêtre. Device-Aspect-Ratio mesure Zone d'écran de périphérique.

3
1236

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.

3
Roger Krueger

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) { ... }
0
zloctb