如何测试响应式设计字体，而实际上没有iphone [英] How do I test responsive design font without actually having iphone

问题描述

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

还有没有使用实际设备测试它？模拟器或什么？我通过调整浏览器窗口大小在Chrome上测试它，但在实际的设备，它看起来超级小，很难阅读。附件是一个屏幕截图：

解决方案

如果您使用Chrome浏览器，请尝试更改。

---

UPDATE：

对于Chrome版本32+，请参阅此链接适用于chrome开发者工具。

I implemented concept of responsive design but now we face a issue. The content seems to be fit in nicely inside the frame. I've used max-device-width and so on. My font-sizes all use a fix sized pixels that is 12px and so on. Now when I gave it to my client he complains it looks super tiny on iPhone. I don't actually have an iPhone to test the designs.

Is there anyway to test it without using the actual device? a simulator or something? I tested it on Chrome by resizing the browser window but on actual device it looks super tiny and very difficult to read. Attached is one screenshot:

解决方案

If you have Chrome browser than you should try to change the user agent.

Step 1: Open Chrome => go to the desired website => press F12 => the Elements Panel should appear.

Step 2: Click on the Settings icon. It should be in the lower right corner (if the design hasn't changed):

Step 3: Click on the Overrides tab:

Step 4: Check the User Agent and select a device from the drop-down list. Don't forget to check the Device metrics, where you can add custom values too:

More information at the Chrome Developer Tools.

---

UPDATE:

For Chrome version 32+ see this link for chrome Developer Tools.

这篇关于如何测试响应式设计字体，而实际上没有iphone的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！