1.css初始化

        今天给大家分享一个手机端需要注意的css的样式，在手机端时一定要添加哦。

2.禁用iPhone中Safari的字号自动调整

        html {

        -webkit-text-size-adjust: 100%;

        -ms-text-size-adjust: 100%;

        }

3.去除iPhone中默认的input样式  清除苹果浏览器的圆角表单

        input[type="submit"],     input[type="reset"]  input[type="button"],

        input{-webkit-appearance:none; resize: none;}

4.设置HTML5元素为块 

        article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {

        display: block;

         }

5. 图片自适应 

        img {

            max-width: 100%;

            height: auto;

            width:auto\9; /* ie8 */

            -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/

        }

手机端css css3 石家庄网站建设 石家庄建网站 石家庄网站设计公司