レスポンシブ デザインの概念を実装しましたが、現在問題に直面しています。枠の中に内容がうまく収まっているように見えます。などを利用max-device-widthしました。私のフォントサイズはすべて、12px などの固定サイズのピクセルを使用しています。今、クライアントにそれを渡したところ、iPhone で見ると非常に小さく見えると苦情がありました。私は実際にデザインをテストするための iPhone を持っていません。
実際のデバイスを使用せずにテストする方法はありますか? シミュレーターか何か？Chrome でブラウザ ウィンドウのサイズを変更してテストしましたが、実際のデバイスでは非常に小さく、非常に読みにくく見えます。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.
For Chrome version 32+ see this link for chrome Developer Tools.
次のことを試してみてください。response.is サイトにはさまざまな向きとデバイスがあり、サイトがどのようにレンダリングされるかを確認できます。
私が使っているのは quirktools の Screenfly です。私にとって魅力のように機能します！
http://www.isresponsive.comを使用して、さまざまなデバイスでレスポンシブ デザインをテストできます。