ラジオボタンが小さくてタップしにくい

PC用のサイトのまま、スマートフォン用にラジオボタンの縦横の幅を大きくすると
PC用画面での見栄えが悪くなってしまいます。
とりあえずの方法として

1. CSSに以下を追加　(文字列を少し大きめに）
   label  {
     font-size：１．２em；
   }
2. ラジオボタンの前後を<label>で囲む
   　　<label onclick="radio_on;">
       <input type="radio" name="xxx" value="yyy" onclick="function2;" />文字列
       </label>
3. function1に該当する部分をダミーで作成
   <script type="text/javascript">
   　　 function radio_on() {
   
   　　　}
   </script>

　　※ラジオボタンを<label>で囲むことで文字列の領域もタップの範囲となります。
　　　onclick部分がないとiPhoneでは正しく動作しません。