手机端常用公共css

最新推荐文章于 2025-02-23 15:03:31 发布

果籽离

最新推荐文章于 2025-02-23 15:03:31 发布

阅读量305

点赞数

分类专栏：初学者文章标签： css

本文链接：https://blog.youkuaiyun.com/gm1836926011/article/details/103252266

版权

初学者专栏收录该内容

3 篇文章

订阅专栏

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;
}