今天,给大家介绍一个PC电脑网站与手机网站展示不一样的内容的方法(即:网站上有些内容,您只想展示给移动用户看,或者只想展示给电脑用户看,你都可以用这个方法来实现),这个方法实现起来相当简单,在网站设计时常会用到,
HTML模板中写入:
<div class="pc_only">
这里面的内容只能在PC端显示,手机网站是看不到的。
</div>
css里写入以下内容:
.pc_only{display:inline;}
@media screen and (max-width: 360px) {
.pc_only{display: none;}
是不是很简单,只需要在式样表中判断一下浏览器的宽度即可,只要浏览器的最大宽度小于360像素,就隐藏这个层内容,否则就展示层内容,就可以达到目的了,经过测试是有效的。
上一篇>>白岩松是最牛比,最历害的五毛党。
广东省东莞南城白马天安数码城
电话:0769-89806009
电子邮箱:Fromwbs@71name.com
问题咨询