◆ padding だけつけても効果ない
◆ border や background つけてデフォルトの外観じゃなくせば効果出る

iOS の Safari でボタンが小さいと思ったら padding が効かないようです

button {
padding: 10vw;
}

Chrome ならこれでボタンを大きくできます
10vw は適当な値です

iOS では このスタイルを当ててもデフォルトのままでした
iOS の button はスタイルを当てれなかったりするのかな と思いましたが見た目を大きく変えてる button もあります
いろいろ試してみると border や background を変更していると padding が反映されました

Chrome でも border や background を指定するとブラウザデフォルトのボタンの外観ではなくなります
Chrome の場合は padding だけ指定すればデフォルトの外観のままボタンを大きくできるのですが iOS の Safari だとデフォルトの外観のまま padding を設定することはできないようです
背景など見た目はデフォルトのままで良くて単純にボタンサイズを大きくしたいというときに不便です

Safari の問題なら Mac も一緒なのかなと思いましたが Mac の Safari だと Chrome 同様ボタンが大きくなってました
ついでにいくつか Windows の Chrome しか考えずに作ったページを見てみると Mac では Chrome と一緒なのに iOS だと崩れてるのがありました
主にサイズ関係です


やっぱり Safari は第 2 の IE ですね
IE を使ってる環境は Chrome を入れれば済むので 面倒なら 「Chrome 見てください」 と書いておく手抜きもできます
しかし iOS は Chrome を入れてもエンジンが Safari と一緒で実質 Safari です
ブラウザを変えても正常に見るすべがないのでもっと質が悪いです

Windows と Mac くらいのシェアなら Mac はサポート外でいいやと思うのですが モバイルでは 50% 以上が iOS ですからねー
モバイル対応するなら Safari を考えざるを得ないのが困るところです