手機端常用公共css

html{
    display: block;
    overflow-x: hidden;
    font-size: 100px;
}
body {
    font-size: 0.14rem;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    padding: 0;
    font-family: "微軟雅黑", Helvetica, STHeiTi, sans-serif;
    color: #000000;
}
a, img {
    -webkit-touch-callout: none; /*禁止長按鏈接與圖片彈出菜單*/
    text-decoration: none;
    color: black;
}

button,input,optgroup,select,textarea {
    -webkit-appearance:none; /*去掉webkit默認的表單樣式*/
}

a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button點擊時的藍色外邊框和灰色半透明背景*/
}

input::-webkit-input-placeholder {
    color:#ccc; /*修改webkit中input的planceholder樣式*/
}

input:focus::-webkit-input-placeholder {
    color:#f00; /*修改webkit中focus狀態下input的planceholder樣式*/
}

body {

    -webkit-text-size-adjust: 100%!important; /*禁止IOS調整字體大小*/
}
div,h1,h2,h3,h4,h5,p,span{
    box-sizing: border-box;
    margin: 0;
    font-weight: 400;

}
div{
    margin: 0;
    padding: 0;
    width: auto;
}
div img{
    width: 100%;
    height: auto;
    display: block;
}
.con{
    width: 100%;
    padding-left: 0.1rem;
    padding-right:0.1rem;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章