当前页面: 首页>> 有问必答 >>用CSS控制PC端和移动端展示不一样的内容

用CSS控制PC端和移动端展示不一样的内容

/ / 访问次数:1236次

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

HTML模板中写入:

<div class="pc_only">

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

</div>

css里写入以下内容:

.pc_only{display:inline;}

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

 .pc_only{display: none;}

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

咨询环航:13267315252  0769-89909325 (万经理)
总部地址:中国广东省东莞市南城区白马天安数码城B2-507
内容标题:用CSS控制PC端和移动端展示不一样的内容
本文出处:http://www.71name.com/Web-build/pc-wap

关键词:PC端和移动端


上一篇>>白岩松是最牛比,最历害的五毛党。

下一篇>>转自官网:Z-BlogPHP 模板文件与模板标签


可能下面的内容我们比较有兴趣>>>>