首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使div响应

使div响应
EN

Stack Overflow用户
提问于 2016-08-31 04:36:08
回答 2查看 62关注 0票数 0

我正在尝试得到一个包含一组工具响应的make a div。我在下面有一个侧边菜单,我已经做出了响应。有人能告诉我这是哪里错了吗。

代码语言:javascript
运行
复制
#tools {
  width: 160px;
  position: fixed;
  display: inline-block;
  margin: 0 auto;
  line-height: 1.4em;
}
@media only screen and (max-width: 600px) {
  #tools {
    width: 70%;
  }
}
代码语言:javascript
运行
复制
<div id="tools" style="width: 100%">
  <table>
    <tr>
      <td>
        <input type="text" id="searchInput" placeholder="Type To Filter" ng-model="search" class="searchMenu">
      </td>
      <td id=uploadedit>
        <button id="upload" onclick="insertIntoDatabase()" class="pinColor"><i class="fa fa-upload fa-2"></i>
        </button>
      </td>
      <td id=impledit>
        <button id="implview" onclick="openImplView()" class="pinColor"><i class="fa fa-pencil fa-2"></i>
        </button>
      </td>
      <td>
        <button id="home" class="homeButton"><i class="fa fa-home fa-2"></i>
        </button>
      </td>
      <td>
        <button id="keep-menu-open" class="pinColor" ng-click="openAndFixMenu"><i class="pinColor"></i>
        </button>
      </td>
      <td>
        <button id="open-left" class="toggleButton" ng-click="toggleMenu()"> <i class="fa fa-bars fa-2"></i>
        </button>
      </td>
    </tr>
  </table>
</div>

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-31 04:41:06

您的媒体查询中有一个拼写错误:应该是#而不是##。除此之外,您还声明了内联width: 100%,它会覆盖您在样式表中编写的任何内容,这就是为什么您看不到查询结果的原因。

票数 2
EN

Stack Overflow用户

发布于 2016-08-31 04:40:59

最好是从div中获取style="100%“,任何这样的内联样式都将覆盖样式表中的任何内容。

另外,在媒体查询中,您可以

代码语言:javascript
运行
复制
##tools { width: 70%; }

更改为

代码语言:javascript
运行
复制
#tools { width: 70%; }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39236660

复制
相关文章

相似问题

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