.message-detail-wrapper { background: #ffffff; margin-top: 1rem; padding: 3rem; border-radius: 0.4rem; min-height: 46rem; } .message-detail-wrapper h1 { font-size: 2.2rem; font-weight: 500; } .message-detail-wrapper span { font-size: 1.4rem; margin-top: 1.5rem; display: block; color: #999999; } .honorific { margin-top: 5rem; font-size: 1.5rem; margin-bottom: 2rem; } .message-detail-wrapper > div p { font-size: 1.5rem; letter-spacing: 0.2rem; line-height: 2.8rem; text-indent: 2em; } .signature { font-size: 1.5rem; margin-top: 10rem; text-align: right; } /* 兼容不同分辨率样式 */ @media screen and (max-width: 1919px) and (min-width: 1680px) { .user-wrapper { padding: 0 18rem; } } @media screen and (max-width: 1679px) and (min-width: 1600px) { .user-wrapper { padding: 0 18rem; } } @media screen and (max-width: 1599px) and (min-width: 1440px) { .user-wrapper { padding: 0 14rem; } .user-left-wrapper { width: 17%; } .user-right-wrapper { width: 82%; } } @media screen and (max-width: 1439px) and (min-width: 1280px) { .user-wrapper { padding: 0 8rem; } .user-left-wrapper { width: 17%; } .user-right-wrapper { width: 82%; } }