今天，给大家介绍一个PC电脑网站与手机网站展示不一样的内容的方法（即：网站上有些内容，您只想展示给移动用户看，或者只想展示给电脑用户看，你都可以用这个方法来实现），这个方法实现起来相当简单，在网站设计时常会用到，

HTML模板中写入：

<div class="pc_only">

这里面的内容只能在PC端显示，手机网站是看不到的。

</div>

css里写入以下内容：

.pc_only{display:inline;}

@media screen and (max-width: 360px) {

 .pc_only{display: none;}

　　是不是很简单，只需要在式样表中判断一下浏览器的宽度即可，只要浏览器的最大宽度小于360像素，就隐藏这个层内容，否则就展示层内容，就可以达到目的了，经过测试是有效的。

打赏

微信扫一扫，打赏博主