<pre class="de1">/第一种/
@media screen and(min-width: 320px)and(max-width: 359px) {
html {
font-size: 12.8px;
}
}
@media screen and(min-width: 360px)and(max-width: 374px) {
html {
font-size: 14.4px;
}
}
@media screen and(min-width: 375px)and(max-width: 385px) {
html {
font-size: 15px;
}
}
@media screen and(min-width: 386px)and(max-width: 392px) {
html {
font-size: 15.44px;
}
}
@media screen and(min-width: 393px)and(max-width: 400px) {
html {
font-size: 16px;
}
}
@media screen and(min-width: 401px)and(max-width: 414px) {
html {
font-size: 16.48px;
}
}
@media screen and(min-width: 750px)and(max-width: 799px) {
html {
font-size: 30.72px;
}
}
/第二种/
@media screen and (min-width: 320px) {
html {
font-size: 14px;
}
}
@media screen and (min-width: 360px) {
html {
font-size: 16px;
}
}
@media screen and (min-width: 400px) {
html {
font-size: 18px;
}
}
@media screen and (min-width: 440px) {
html {
font-size: 20px;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 22px;
}
}
@media screen and (min-width: 640px) {
html {
font-size: 28px;
}
}
/第三种设计图750px;常用配制/
html {
font-size:100px;
font-family:'微软雅黑','苹方','思源黑体';
}
/效果图750px/
@media(max-width:640px) {
html {
font-size:85.33px;
}
}
/Android常用宽度/
@media(max-width:540px) {
html {
font-size:72px;
}
}
/Android常用宽度/
@media(max-width:480px) {
html {
font-size:64px;
}
}
/Android常用宽度/
@media(max-width:445px) {
html {
font-size:60px;
}
} @media(max-width:414px) {
html {
font-size:55.2px;
}
}
/i6Plus,i7Plus宽度/
@media(max-width:375px) {
html {
font-size:50px;
}
}
/i6,i7宽度/
@media(max-width:360px) {
html {
font-size:48px;
}
}
/Android常用宽度/
@media(max-width:320px) {
html {
font-size:42.67px;
}
}
/i5宽度/