css - 如何针对不同的纵横比测试网页

Question

有没有可以模仿不同屏幕宽高比的工具？例如 16.9、3.2、4.3。我需要查看网页的外观并修复 CSS。

我想测试的是不同的规则如何运作，例如

@media screen and (aspect-ratio: n/m) {

...

谢谢，是

Answer 1

Chrome 的开发工具。您可以打开移动模拟器，切换到响应式，并将分辨率设置为您喜欢的任何值。

您可以在要测试的纵横比范围内选择分辨率。比如 800 x 600 就是 4:3