如何让网站某个位置在电脑端和手机端显示不同的内容
用css判断页面的大小，大于950px就显示PC端内容，小于950px就显示移动端内容。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>603度测试</title> </head> <body> <div>移动端显示的内容</div> <div>电脑端显示的内容</div> <style> .onlywap{display: inline;} @media (min-width: 950px){.onlywap{display:none;}} .onlymobile{display: none;} @media (min-width: 950px){.onlymobile{display:inline;}} </style> </body> </html>
如上面的html代码，电脑端和手机端会显示不同的内容，可以是显示不同的文字，也可以是不同的图片，电脑上显示你设定的图片，手机端同样的位置显示你设定的另一张图片。
你只需要将上面的样式和div拿下来加到你的网站即可实现你想要的效果了，也可以自定义页面大小，想要的就快去试试吧
