粘滞导航栏-仅在移动设备上显示
粘滞导航栏-仅在移动设备上显示
提问于 2016-07-12 05:05:12
回答 3
Stack Overflow用户
发布于 2016-07-12 05:09:15
假设你有一个按钮
<button class="for-mobile"></button您需要先隐藏此按钮
.for-mobile {display:none;}并在调整屏幕大小时显示它
@media only screen and (max-width: 1020px)
.for-mobile {
display: block !important;
}更改应用此样式时要调整的最大宽度
Stack Overflow用户
发布于 2016-07-12 05:11:11
您应该使用css @media查询。看一看here
Stack Overflow用户
发布于 2016-07-12 05:47:07
如果您看到该网站的源代码，就会很容易理解它在标题div中使用了一个类.non-mobile
<div class="row t-most-header non-mobile">并给出CSS：
@media only screen and (max-width: 1020px)
{
.non-mobile
{
display:none !important
}
}了解有关媒体查询here的更多信息
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38320395
复制相关文章
相似问题
腾讯云开发者
