aspect-ratio V/S device-aspect-ratio

[Viren Patel]

#54076

What are the difference between aspect-ratio and device-aspect-ratio while using CSS3 media queries?

---

[Hitesh]

#54078

The viewport aspect ratio or device aspect ratio is the ratio of the of the width to the height. Along these lines, if a screen were 1,000 pixels wide and 500 pixels high, the device-aspect-ratio would be 2:1, in light of the fact that 1,000 is twice 500. Regular aspect ratios are 16:9, (for example, 1920 × 1080 or 1366 × 768 pixels) or 16:10 (1280 × 800)

---

[Author]

Posts