//宽度>=500px的设备会将.name p的css改为 font-size: 2rem; font-weight: bold;
@media screen and (min-width:500px) {
.name p {
font-size: 2rem;
font-weight: bold;
}
}
//宽度<=500px的设备会将.name p的css改为 font-size: 1rem; font-weight: bold;
@media screen and (max-width:499px) {
.name p {
font-size: 1rem;
font-weight: bold;
}
}