我正在尝试得到一个包含一组工具响应的make a div。我在下面有一个侧边菜单,我已经做出了响应。有人能告诉我这是哪里错了吗。
#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%;
}
}<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>


发布于 2016-08-31 04:41:06
您的媒体查询中有一个拼写错误:应该是#而不是##。除此之外,您还声明了内联width: 100%,它会覆盖您在样式表中编写的任何内容,这就是为什么您看不到查询结果的原因。
发布于 2016-08-31 04:40:59
最好是从div中获取style="100%“,任何这样的内联样式都将覆盖样式表中的任何内容。
另外,在媒体查询中,您可以
##tools { width: 70%; }更改为
#tools { width: 70%; }https://stackoverflow.com/questions/39236660
复制相似问题