HTML 官网进行移动端和 PC 端适配
/* 手机设备 */
@media only screen and (max-width: 600px) {
/* 样式规则 */
}
/* 平板设备 */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
/* 样式规则 */
}
/* 桌面设备 */
@media only screen and (min-width: 1025px) {
/* 样式规则 */
}