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图片缩放失真*/
}