タブレットと携帯電話で<select>が異なるのはなぜですか？

Question

タブレットには、デスクトップと同様に、タップ付きのドロップダウンリストが表示されます。

電話機は、画面の中央にオプションのリストを表示します（モーダルダイアログのように見えます）。

例えば、私はthis pageを試しました。私は両方のデバイスでChrome 63.0.3239.83を持っています。タブレットOSはAndroid 5.1.0で、電話OSはAndroid 6.0.1です。

どのような違いがありますか？それは画面のサイズまたはAndroidのバージョンですか？

携帯電話と同じ方法でタブレットにオプションを表示させることはできますか？

Android WebViewについてはどうですか？ iOSタブレットと携帯電話も同じように違いますか？

Answer 1

selectタグには、各ブラウザのユーザーエージェントスタイルシートがあります。したがって、デバイスとブラウザに依存するスタイルと動作モードが含まれます。