1、准备好IMG文件，IMG.html文件代码如何
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="keywords" content=""> <title></title> <style type="text/css"> body { margin: 0; padding: 0; text-align: center; overflow-x: hidden; background-color: #000; } img { display: block; margin: 0 auto; } @media all and (min-width: 897px) { .spImg { display: none; } } @media all and (max-width: 896px) { body { margin: 0; } .spImg { width: 375px; } .spImg img { width: 100%; } .pcImg { display: none; } } </style> </head> <body> <div class="pcImg"><img src="../PS/index.Demo.png" alt=""></div> <div class="spImg"><img src="sp.png" alt=""></div> </body> </html>
2、这里放到一个页里
