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

Question

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

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

Answer 1

如果您使用Chrome浏览器,则应尝试更改用户代理.

第1步:打开Chrome =>转到所需的网站=>按F12=>元素面板应该出现.

第2步:单击Settings图标.它应该在右下角(如果设计没有改变):

第3步:单击Overrides选项卡:

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

有关Chrome开发者工具的更多信息.

更新:

对于Chrome版本32+,请参阅chrome Developer Tools的此链接.