css - 移动媒体查询、分辨率和ppi模拟器？

Question

是否有任何种类的桌面工具或浏览器插件能够模拟各种移动和平板设备以正确测试响应式设计？而且我不仅仅是在谈论更改浏览器窗口的大小。其他项目也需要模拟：

• 设备宽度
• 最小设备宽度
• 最大设备宽度
• 方向（横向/纵向）
• -webkit-min-device-pixel-ratio
• 解析度
• ppi

Answer 1

我通常尝试Opera Mobile Emulator。它相当准确，可以模仿高 DPI 显示器等，并且可以很好地处理大多数媒体查询。只需选择您的显示特性或要模拟的设备，它就会尝试以这种方式呈现。