CSS - 如何检测屏幕宽高比并相应地应用样式?

时间:2015-03-25 21:14:02

标签: html css

首先,有没有办法可以在Windows上切换到4:3宽高比进行测试?我似乎无法在网上找到任何东西。我的显示器具有16:9的宽高比,但使用CSS和HTML进行的对齐更改在4:3比例的屏幕上效果不佳。那么有没有办法自动检测宽高比,然后相应地应用css / html样式?更重要的是,我可以将屏幕宽高比改为4:3进行测试吗?这甚至可能吗?

我使用边距/填充/左/右/上下等对齐一些图像和其他元素,但这些元素要么被截断,要么根本不显示在屏幕上。

感谢

1 个答案:

答案 0 :(得分:1)

对于测试,我建议使用Firefox并使用响应式设计视图。您可以在工具>下找到此选项。 Web开发人员>响应式设计视图。除了一些预定的分辨率大小,您还可以以4:3的视角修改自定义视图,这样您就可以查看Jonathan所提到的设备宽高比。

相关问题