iPhone画面のボタン設定

chatGPTのCSSコードを表す結果表示

iPhone - ボタン縦横サイズを指定（余白(padding)は０ではなく、縦横2px）

Android - ボタン縦横サイズを指定（余白(padding)は０ではなく、縦横2px）

iPhone画面でボタン形状を正方形にするにはどうすればいいのか、
最近覚えた「chatGPT」に質問してみたところ、図の様なCSSコードが表示された。
ボタンの縦横サイズ指定をすれば正方形にできる事が判明。
Android画面では、サイズ指定は特にしなくてもOKでしたが、
iPhoneでは指定必須になるようでした。

それでも、文字位置をセンタリングしてもセンターに寄らないiPhoneなので、
コードの指定がまだ不備なのだと思います。
AndroidとiPhoneのWeb画面を１ファイルで実現するには、
CSSを外出しして、相応しいCSSで対応が望ましいのか、調査が必要かと思いました。

でも、Androidに合わせるページで作ります。