单页代码:域名已到期,请及时联系域名管理员续费

    <!DOCTYPE html>    
    <html>    
    <head>    
    </head>    
    <body>
       
    <style> 
    body, html {
    height: 100%; margin: 0; padding: 0;
    }
    .yqcontainer {
    display: flex; align-items: center; justify-content: center; height: 100%;
    }
    .yqmessage {
    font-size: 3vw; text-align: center;
    }
    @media screen and (max-width: 1000px){
    .yqcontainer .yqmessage {
    font-size: 5vw; text-align: center;
    }
    }
    </style>
        
    <div class="yqcontainer">    
    <div class="yqmessage">    
    <p>域名已到期,请及时联系域名管理员续费</p>    
    </div>    
    </div>    
    </body>    
    </html>

    或:

    <style>
    #browser-tip {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; display: none; display: flex; justify-content: center; align-items: center; flex-direction: column;
    }
    #browser-tip p {
    font-size: 3vw; text-align: center; margin-top: 20px;
    }
    @media screen and (max-width: 1000px){
    #browser-tip p {
    font-size: 5vw; text-align: center; margin-top: 20px;
    }
    }
    </style>
    
    <div id="browser-tip">
    <p>域名已到期,请及时联系域名管理员续费</p>
    </div>