视图适配
Posted 五艺
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了视图适配相关的知识,希望对你有一定的参考价值。
@media only screen and (max-width:320px){.lincoapp-home-slideImage a{min-height:165px} } @media only screen and (min-width:321px) and (max-width:360px){.lincoapp-home-slideImage a{min-height:185px} } @media only screen and (min-width:361px) and (max-width:375px){.lincoapp-home-slideImage a{min-height:193px} } @media only screen and (min-width:376px) and (max-width:384px){.lincoapp-home-slideImage a{min-height:198px} } @media only screen and (min-width:385px) and (max-width:393px){.lincoapp-home-slideImage a{min-height:203px} } @media only screen and (min-width:394px) and (max-width:400px){.lincoapp-home-slideImage a{min-height:206px} } @media only screen and (min-width:401px){.lincoapp-home-slideImage a{min-height:213px} }
@media screen and (min-width: 1025px){
body {
font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
}
@media screen and (min-width: 1024px){
body {
background-color: #fff;
}
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) {
.mm_appmsg .rich_media_meta, .mm_appmsg .rich_media_inner {
font-size: 17px;
}
}
@media (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px) and (min-device-width: 414px) {
.mm_appmsg .rich_media_title {
font-size: 25px;
}
}
以上是关于视图适配的主要内容,如果未能解决你的问题,请参考以下文章