浏览器为iPad大小时导航栏不换行，该如何解决？
浏览器为iPad大小时导航栏不换行，该如何解决？
提问于 2016-01-20 03:38:29
我在一个网站上工作: sites.northwestern.edu/mrsec
当浏览器变成iPad大小(1024px)时，导航菜单的一部分位于菜单其余部分的下方，由于某种原因，它不包含在背景色中，而且字体是白色的，所以人们看不到它。当浏览器变得足够小时，菜单其余部分下面的部分被相同的背景颜色(灰色)包裹，但在此之前，人们看不到菜单其余部分下面的菜单部分。如何使用CSS或任何其他语言修复此问题？我使用的是wordpress模板，我无法访问php或模板文件，因为学校不给我们这种访问权限。
回答 1
Stack Overflow用户
发布于 2016-01-20 04:07:31
您应该创建一个媒体查询来定位您想要的屏幕大小，然后添加一个样式以减少填充和字体大小，以便显示每个菜单项。
在您的示例中，它将如下所示：
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.main-navigation a{
padding: 0 15px;
font-size:14px;
}
}查看结果的this screenshot。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34885518
复制相关文章
相似问题
腾讯云开发者
