<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />
<style type="text/css">
html {
font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
}
.payment_tips{width: 12rem;display: table;font-size: 1.1rem;height: 3rem;line-height: 1.3rem;border: 1px solid #ccc;}
@media only screen and (max-width:375px){
.payment_tips{width: 11.3rem;}
}
.payment_tips .pay_content{text-align:left;display:table-cell;vertical-align:middle;}
</style>
</head>
<body>
<div class="payment_tips">
<div class="pay_content">请在24小时内支付</div>
</div>
<div class="payment_tips">
<div class="pay_content">请在24小时内支付请在24小时内支付</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />
<style type="text/css">
html {
font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
}
.payment_tips{width: 12rem;display: table;font-size: 1.1rem;height: 3rem;line-height: 1.3rem;border: 1px solid #ccc;}
@media only screen and (max-width:375px){
.payment_tips{width: 11.3rem;}
}
.payment_tips .pay_content{text-align:left;display:table-cell;vertical-align:middle;}
</style>
</head>
<body>
<div class="payment_tips">
<div class="pay_content">请在24小时内支付</div>
</div>
<div class="payment_tips">
<div class="pay_content">请在24小时内支付请在24小时内支付</div>
</div>
</body>
</html>