iPhone 6/7/8的引导导航栏问题
iphone 6/7/8的mega navbar下拉菜单出现问题。当我使用chrome的开发工具时,iPhone6/7/8运行得非常好。然而,当我使用实际的iPhone7时,下拉链接位于页面内容的顶部。有人知道如何解决这个问题吗 地点:iPhone 6/7/8的引导导航栏问题,iphone,twitter-bootstrap-3,navbar,dropdown,menubar,Iphone,Twitter Bootstrap 3,Navbar,Dropdown,Menubar,iphone 6/7/8的mega navbar下拉菜单出现问题。当我使用chrome的开发工具时,iPhone6/7/8运行得非常好。然而,当我使用实际的iPhone7时,下拉链接位于页面内容的顶部。有人知道如何解决这个问题吗 地点: /* 4.2 - NAVBAR */ .navbar-main { background-color: #033e7b; border-radius: 0; margin-bottom: 0; border: 0; } .navba
/* 4.2 - NAVBAR */
.navbar-main {
background-color: #033e7b;
border-radius: 0;
margin-bottom: 0;
border: 0; }
.navbar-main ol, .navbar-main li {
margin: 0 0;
font-size: 16px;
font-weight: 700; }
.navbar-main .nav > li > a {
color: #ffffff; }
.navbar-main .nav > li.active > a,
.navbar-main .nav > li > a:hover,
.navbar-main .nav > li > a:focus {
color: #12aaeb;
background-color: transparent; }
.navbar-main .nav .open > a, .navbar-main .nav .open > a:hover, .navbar-main .nav .open > a:focus {
background-color: transparent;
border-color: transparent; }
.navbar-main .caret {
margin-left: 10px; }
.navbar-main .dropdown-menu {
background-color: #ffffff;
min-width: 180px;
color: #043140;
padding: 0;
border: 0;
border-radius: 0; }
.navbar-main .dropdown-menu > li {
text-transform: capitalize;
border-bottom: 1px solid #ffffff;
background-color: #fff }
.navbar-main .dropdown-menu > li a {
padding: 3px 20px;
color: #043140; }
.navbar-main .dropdown-menu > li a:hover {
background-color: #e6e6e6; }
/*----------NEW NAVBAR----------*/
.navbar-default{
color: #fff;
background-color: #272727;
border-color: #272727;
}
.navbar-default .navbar-nav > li > a{
color:#fff;
}
.navbar-default .navbar-nav > li > a:hover{
color:#fff;
background-color: #fff;
}
.navbar-default .navbar-nav > .dropdown > a .caret{
border-top-color: ;
border-bottom-color: #fff;
}
.navbar-default .navbar-brand{
color:#fff;
}
.menu-large {
position: static !important;
}
.megamenu{
padding: 20px 0px;
width:100%;
background-color: #fff;
}
.megamenu> li > ul {
padding: 0;
margin: 0;
}
.megamenu> li > ul > li {
list-style: none;
}
.megamenu> li > ul > li > a {
display: block;
padding: 5px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #fff;
white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
text-decoration: none;
color: #043140;
background-color: #e6e6e6;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.dropdown-header {
color: #043140;
font-size: 18px;
font-weight: 700;
}
.img-thumbnail {
background-color: #fff;
border: 0;
}
.img-thumbnail:hover {
background-color: #e6e6e6 !important;
}
@media (max-width: 768px) {
.megamenu{
margin-left: 0 ;
margin-right: 0 ;
}
.megamenu> li {
margin-bottom: 30px;
}
.megamenu> li:last-child {
margin-bottom: 0;
}
.megamenu.dropdown-header {
padding: 3px 15px !important;
}
.navbar-nav .open .dropdown-menu .dropdown-header{
color:#043140;
}
}