问题
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:
回答1:
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.
回答2:
You could try : responsive.is The site has different orientations and devices on which you can see how the site may render.
回答3:
Screenfly by quirktools is what I use. Works like a charm for me!
http://quirktools.com/screenfly/
回答4:
You can try to use http://www.isresponsive.com enable you to test responsive design on different devises.
来源：https://stackoverflow.com/questions/14744611/how-do-i-test-responsive-design-font-without-actually-having-iphone