我实现了响应式设计的概念，但现在我们面临一个问题。内容似乎很适合框架内。我用过max-device-width等等。我的字体大小都使用固定大小的像素，即 12px 等等。现在，当我把它交给我的客户时，他抱怨它在 iPhone 上看起来超级小。我实际上没有 iPhone 来测试这些设计。
有没有在不使用实际设备的情况下对其进行测试？模拟器什么的？我通过调整浏览器窗口的大小在 Chrome 上对其进行了测试，但在实际设备上它看起来非常小而且很难阅读。附上一张截图：
问问题
1752 次
4 回答
5
如果您有 Chrome 浏览器，则应尝试更改用户代理。
第 1 步：打开 Chrome => 转到所需的网站 => 按F12=> 应出现元素面板。
第二步：点击Settings图标。它应该在右下角（如果设计没有改变）：
第三步：点击Overrides标签：
第 4 步：检查User Agent并从下拉列表中选择一个设备。不要忘记检查Device metrics，您也可以在其中添加自定义值：
Chrome 开发者工具中的更多信息。
更新：
对于 Chrome 版本 32+，请参阅此链接以获取 chrome 开发人员工具。
于 2013-02-07T07:07:29.243 回答
1
我使用的是 quirktools 的 Screenfly。对我来说就像一个魅力！
于 2013-09-22T14:52:14.767 回答
1
您可以尝试：responsive.is 该站点具有不同的方向和设备，您可以在这些设备上查看站点的呈现方式。
于 2013-02-07T07:00:23.210 回答
0
您可以尝试使用http://www.isresponsive.com让您在不同的设计上测试响应式设计。
于 2013-09-22T14:49:29.553 回答