机械进口流程

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


出处:二手机械进口 || 更新: | 浏览:752 次

  今天,给大家介绍一个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 (7*12H)

微信联系:langtaosha52 (7*24H)

工作时间:0769-86058217 (5*8H)

公司总部:中国广东省东莞市南城区天安数码城B2栋507室 



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

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


猜您会很喜欢以下内容 >>

文章评论

  •   游人
    发布于 2017-10-20 19:00:44 回复
  • 很实用的小技巧,收藏了

发表评论