Today it announced the ThinkVision M14d, Lenovo's first portable monitor with a 16:10 aspect ratio. Lenovo's other portable monitors, as well as most PC displays, use the 16:9 aspect ratio these element { aspect-ratio: 16 / 9; } and the element’s default width: auto kicks in implicitly to set the element’s dimensions. View live demo on CodePen It changes when width or height are on the same element. Let’s say we have an element with a width of 300px and an aspect-ratio of 3/1..element { aspect-ratio: 3 / 1; width: 300px; } The16:9 aspect ratio allows for a wider display and has a frame 78% wider than tall. On the other hand, the 4:3 aspect ratio has a frame that is 33% wider than tall. Watchthe video below comparing 16:9 and 16:10 monitors and their different uses. EIZO FlexScan - 16:9 vs 16:10 aspect ratio for Video Editing (EV2451 EV2457 Monitor) Buyer’s Guide. If you’re new to the monitor world, understanding all these new terms may make you want to avoid buying a 16:10 monitor altogether. Lets Talk Aspect Ratios. For some background information, I recently transitioned from console to PC. Being a Holo-only player, I anticipated switching to a 4:3 aspect ratio from the locked 16:9 ratio on console. But because I'm still currently using my tv as my monitor (32in, 1080p, 60fps), when I increased my FOV in 4:3 to 75+, I observed DisplayArea Comparison: 16:9 vs 16:10. In terms of the display area, the 16:9 aspect ratio tends to provide a wider and shorter screen, which is excellent for watching movies and playing games that support this format. The most common resolutions for Exzwhcx. el { aspect-ratio: 16 / 9; } Demo If the content breaks out of the aspect ratio, the element will still expand. The aspect ratio becomes ignored in that situation, which is actually nice. That’s why the pseudo-element tactic for aspect ratios was popular, because it didn’t put us in dangerous data loss or awkward overlap territory when Aprojector's aspect ratio refers to the ratio between its width and height. For example, a 4:3 display produces an image that is more square, where a 16:9 ratio produces an image that is more rectangular in shape. The three most common video projector aspect ratios are 4:3 (XGA & SXGA), 16:10 (WXGA & WUXGA) and 16:9 (standard HDTV, 1080p). Sofor the 16:9 aspect ratio, it means that the ratio is 16 units of width to 9 units of height. In order to implement aspect ratio in CSS, you can go either with. aspect-ratio property; the so-called “padding hack” The CSS aspect-ratio property. CSS has an aspect-ratio property that can be used natively to avoid the “padding hack”. Turnsout 16:10 crops the screen to fit. So basically you reduce your field of vision. Screenshots: Heroes of the storm 16:10. Heroes of the storm 16:09. Kuroth • 9 yr. ago. This is a useful tidbit, I'll probably be changing my resolution as well. Agreed 16:10 just works so much better as an all around aspect ratio. You wouldn't think it would make that much of a difference but it does, at least at the resolutions we have now. I strongly prefer my 30" to a 27" 1440 display. Once we get to 4K it's not going to matter so much as the resolution is so huge. Lets Talk Aspect Ratios. For some background information, I recently transitioned from console to PC. Being a Holo-only player, I anticipated switching to a 4:3 aspect ratio from the locked 16:9 ratio on console. But because I'm still currently using my tv as my monitor (32in, 1080p, 60fps), when I increased my FOV in 4:3 to 75+, I observed

aspect ratio 16 9 vs 16 10