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

标签 css responsive-design ppi device-width

是否有任何种类的桌面工具或浏览器插件能够模拟各种移动和平板设备以正确测试响应式设计?我不只是在谈论更改浏览器窗口大小。还需要模拟其他元素:

  • 设备宽度
  • 最小设备宽度
  • 最大设备宽度
  • 方向(横向/纵向)
  • -webkit-min-device-pixel-ratio
  • 决议
  • ppi

最佳答案

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

关于css - 移动媒体查询、分辨率和 ppi 模拟器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12514696/

相关文章:

html - CSS3 移动多级菜单 : can't show the second level

javascript - Bootstrap 选项卡内容 slideDown/slideUp 不起作用

html - 移动设备上的响应式 Web 问题

html - 图像的移动自动缩放

c# - C#和Photoshop在图像分辨率(ppi)上的区别

css - 从 ppi 计算像素大小

html - 如何在 bootstrap 4 中使我的 table 高度变小?

wordpress - IE8 刷新页面加载

Android 图形 : Drawing same size circles

css - 如何选择除第一个字母以外的文本?