如何在没有实际拥有iphone的情况下测试响应式设计字体

Question

我实施了响应式设计的概念，但现在我们面临一个问题。内容似乎很适合框架内部。我使用过max-device-width等等。我的字体大小都使用12px的固定大小的像素，依此类推。现在，当我把它交给我的客户时，他抱怨它在iPhone上看起来非常小。我实际上没有iPhone来测试设计。

无论如何不使用实际设备进行测试？模拟器还是什么？我通过调整浏览器窗口大小在Chrome上测试它，但在实际设备上它看起来非常小，很难阅读。附件是一个截图：

Answer 1

如果您使用Chrome浏览器，则应尝试更改user agent。

第1步：打开Chrome =＆gt;转到所需的网站=＆gt;按 F12 =＆gt;元素面板应该出现。

第2步：点击Settings图标。它应该在右下角（如果设计没有改变）：

第3步：点击Overrides标签：

第4步：检查User Agent并从下拉列表中选择设备。不要忘记查看Device metrics，您也可以在其中添加自定义值：

Chrome Developer Tools上的更多信息。

---

更新：

对于Chrome版本32+，请参阅this link了解Chrome开发者工具。

Answer 2

您可以尝试：responsive.is 该网站有不同的方向和设备，您可以在其上查看网站的呈现方式。

Answer 3

我使用的是quirktools的Screenfly。对我来说就像一个魅力！

http://quirktools.com/screenfly/

Answer 4

您可以尝试使用http://www.isresponsive.com来测试不同设备上的响应式设计。