如何让网站某个位置在电脑端和手机端显示不同的内容

3个月前更新

100

我们做网站内容，会要求某些内容只需要在PC端或者移动端显示，想实现这样的效果，我们有很多方式可以使用，今天小编给大家介绍一个利用CSS控制内容分别在PC电脑端或者移动端单独显示的方法教程

实例代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>道言分享网</title>
</head>
<body>
  
<div class="onlywap">移动端显示的内容</div>
<div class="onlymobile">电脑端显示的内容</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>