gpt4 book ai didi

html - Bootstrap 的新手 - 有一些移动样式问题

转载 作者:行者123 更新时间:2023-11-28 10:08:15 24 4
gpt4 key购买 nike

我是 Bootstrap 的新手,我的移动 View 有一些问题:

链接:http://bit.ly/1yYmgvI

现在显然移动 View 一团糟。我将解决我遇到的几个问题:

  • 导航下拉菜单有效,但点击时背景不存在。
  • 如何将“我们设计 IOS 应用程序”上移?我试过“拉”类,但实际上是水平拉,而不是向上拉。
  • 如何为移动 View 调整不同行的高度?如您所知,服务高度(白色背景)需要延长得多,但在移动设备中却很短。

我对此很陌生,所以如果你们能帮助我,我将不胜感激。提前致谢!

最佳答案

你只需要给导航下拉菜单的背景一个background-color,就像这样:

.navHeaderCollapse {
background-color: #222;
}

如果您想最小化填充,以便可以将“我们设计 IOS 应用程序”向上移动,您可以在所需的更改浏览器宽度处使用媒体查询,这会更改填充。像这样使用它:

@media (max-width: 765px) {
.xlg-buffer {
padding-top: 35px;
}
}

同样适用于调整“移动 View ”中不同行的高度。只需使用相应的 media-query 来更改高度。例如像这样:

@media (max-width: 765px) {
.row-services {
height: auto;
}
}

注意:

所有给定的值都只是示例,您需要根据自己的需要调整它们。使用浏览器检查器找出需要定位的选择器以及需要更改的属性。

关于html - Bootstrap 的新手 - 有一些移动样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24472833/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com