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/

相关文章:

internet-explorer - 媒体查询不适用于 ie10

css - React Native 中的动画字段宽度

css - 在输入框旁边显示文本标签?

css - 具有渐变的背景包括图像响应

html - 由于缩放问题,响应式网站无法正确显示水平线

perl - 大致检查 Perl 代码的语法,比 perl -c 快

ios - Retina iPad 应用程序设计中的 DPI

html - 如何在 html/css 中创建包含两个文本框及其上方标签的多行?

javascript - 如何从渐变映射数字特定颜色