Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <title>سایت آموزشی من</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body{ text-align:center; } .main{ max-width:80%; background-color:#F44336; color:#fff; padding:10px; margin:10px auto; display:none; } .alert{ max-width:80%; background-color:#8AC007; color:#fff; padding:10px; margin:10px auto; display:block; } @media only screen and (orientation: portrait) { .main{ display:block; } .alert{ display:none; } } </style> </head> <body> <div class="main"> <h2>محتوای اصلی من در اینجا نمایش گذاشته خواهد شد</h2> </div> <div class="alert"> <h2>شما با کامپیوتر وارد این صفحه شده اید ، باید با موبایل وارد شوید</h2> </div> </body> </html>