質問: HTML、javascript、cssでウェブアプリを作りましたが、iphoneの友達から、画面があなたのと異なると教えてもらいました。どうやらpcとアンドロイドiphoneで見た時で、表示される画面が異なるようです。 んどろい アンドロイドやPCで開いたとき ![アンドロイドやPC](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/dd5d8aac10d65d07a6574a995a649c93.png) iphoneで開いた時 ![iphoneで開いたとき](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/fff53aa7c2142de58e7908749d244705.jpeg) (電卓のボタンはグリッドレイアウトで書いています) そのため、自分のwindows10のpcにiphoneのエミュレーターを入れて、トライアンドエラーをするのが今後必要になると考えました。 同じようにiphoneでの表示状況の確認のためにやる方法として、 ・エミュレーターを使用するのが正しいのか? ・どのエミュレーターを使用しているのか? を教えていただきたいです。 以下追加します。 iphone及びmac関連商品は全く持っていないため、WindowsPCでどうやってiphoneで見た時の画面を再現するかを検討しています。サイトは以下です。 今回の問題の正しく表示されないサイト リンクが間違っていたので、2019年10月31日10:44に修正しました。 なお、choromeの開発ツールからDevicd Toolbarから iPhoneなどを選ぶのは試しましたが、多少のレイアウトの違いはありますが、友人から指摘を受けたボタンが5mmくらいに細くなってしまうような状況は確認できませんでした。
回答: 残念ですが、Windows10上で動くiPhone(iOS)のエミュレーターは存在しません。 windows10で動作するiOSのエミュレーター - 教えて!goo これはWindows 10上でiOSデバイスをターゲットとするアプリの開発をする上で、全て同じ事情です。 MacBooxを購入してXcode/iPhoneのエミュレーターを動作させるか、クラウド上のiOSデバイスをリモート操作できるような各社のサービスを利用するしか方法は無いと思います。それらクラウド上のサービスは、まさに質問者さんが要望するような、各種のiPhone/iPadデバイスのテスト/デバッグをするためのものです。