我的移动端base文件,以后会完善修改

Posted 晓晓de烟火

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我的移动端base文件,以后会完善修改相关的知识,希望对你有一定的参考价值。

*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: #333333;
}
a:hover{
    color:#bd2b58;
}
.clear{
    clear: both;
    overflow: hidden;
    zoom: 1;
}
html{
    font-size: 16px;
}
 ul li{
    list-style: none;
}
img{
    display: block;
    border:0;
}
.left{
    float: left;
}
.right{
    float: right;
}
.max{
    width:100%
}
.wrap{
    max-width: 640px !important;
    min-width: 320px !important;
    margin: 0 auto!important;
    line-height: 1.6;
    color: #333;
    font-family: ‘PingFang SC‘,Helvetica,‘Microsoft YaHei‘,simsun,arial,sans-serif;
}


@media screen and (max-width:320px){html {font-size:62.5%!important;}}

@media screen and (min-width:320px){html {font-size:62.5%!important;}}

@media screen and (min-width:360px){html {font-size:70.3%!important;}}

@media screen and (min-width:400px){html {font-size:78.1%!important;}}

@media screen and (min-width:440px){html {font-size:85.9%!important;}}

@media screen and (min-width:460px){html {font-size:89.9%!important;}}

@media screen and (min-width:480px){html {font-size:93.8%!important;}}

@media screen and (min-width:540px){html {font-size:105.5%!important;}}

@media screen and (min-width:560px){html {font-size:109.4%!important;}}

@media screen and (min-width:640px){html {font-size:125%!important;}}

 

以上是关于我的移动端base文件,以后会完善修改的主要内容,如果未能解决你的问题,请参考以下文章

将视图和片段保存在文件中

解决移动端报错:Unable to preventDefault inside passive event listener due to target being treated as……(代码片段

vue 移动端拍照压缩base64格式上传

常用Javascript代码片段集锦

去除移动端alert/confirm的网址(url)

Vue项目—Supermall移动端购物商城