Safari浏览器横屏时字体被自动放大解决方案

      div,span,p{
        -webkit-text-size-adjust : none ;
        -moz-text-size-adjust : none ;
        -ms-text-size-adjust : none ;
        text-size-adjust : none;
      }

另外其实我们还可以对横屏或竖屏单独显示不同样式

/* 竖屏时使用的样式 */
<style media="all and (orientation:portrait)" type="text/css">
#landscape { display: none; }
</style>
 
/* 横屏时使用的样式 */
<style media="all and (orientation:landscape)" type="text/css">
#portrait { display: none; }
</style>

input框 font-size小于16px，聚焦input框会自动放大，可以采用如下方法

    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
如果想禁止用户手动缩放可以再加 user-scalable=no