我正在尝试将菜单与响应式列结构缩略图网格对齐,并仅使用 css 在悬停时添加标题,但没有成功,也许有人可以帮助我?
<header>
<nav>
<ul>
<li><a href="#">Menu</a>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div id="content">
<div class="col-25"><a class="thumb" href="#"><img src="http://fakeimg.pl/500x310/999/"><div class="caption">Title untitled</div></a></div>
最佳答案
添加此媒体查询...
@media all and (max-width: 400px) and (min-width: 0px) {
header {
margin: 0 30px;
}
#content {
margin-left: 20px;
margin-right: 20px;
}
.col-25 {
width: 100%;
}
}
ul {
width: 100% !important;
}
}
关于css - 将菜单与响应列结构缩略图网格对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28044224/