首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在移动设备上不显示滑块html代码?

在移动设备上不显示滑块html代码?
EN

Stack Overflow用户
提问于 2014-06-09 03:39:21
回答 1查看 1.3K关注 0票数 0

我正在忙于一个新的网站,唯一的问题是,我不想在手机页面上显示滑块……我在互联网上搜索,唯一找到的就是CSS的媒体查询。尽管如此,这并没有真正的帮助,因为我的滑块仍然会显示图像,这真的很混乱……这是我的滑块代码:

代码语言:javascript
运行
复制
<div class="slider">
    <ul class="slides">
      <li class="slide">
        <img src="slider/1.png" style="width:100%; height:700px;"/>
      </li>
      <li class="slide">
        <img src="slider/2.png" style="width:100%; height:700px;"/>
      </li>
      <li class="slide">
        <img src="slider/3.png" style="width:100%; height:700px;"/>
      </li>
    </ul>
  </div>

当然还有一些jQuery,我猜这不是问题。

EN

Stack Overflow用户

发布于 2014-06-09 03:44:34

代码语言:javascript
运行
复制
@media only screen and (max-width: 480px) {
.slider {display:none}
}

使用所需的最大宽度,滑块将不会以该分辨率或更低的分辨率显示

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24110087

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档