我正在开发此网站：esident.logotypefactory.com 台式机，手机上的一切都还可以。但是当谈到iPad时，徽标会重复或出现问题......
所以试试这个：
1）在iPad上访问esident.logotypefactory.com 2）向左滑动使屏幕向右移动，您将看到第二个标识。
为什么会那样？我做错了什么？
我想要的是什么：
1）左上方始终有徽标。 2）当您点击菜单时，也将徽标放在同一个地方。
我的想法：
第二个徽标是单击菜单时应该可以查看的徽标。当您点击菜单时，您无法轻扫＆＃34;看到第二个标志。
请帮帮我们。
.fusion-header {
padding-left: 30px;
padding-right: 30px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fusion-header-v2 .fusion-header,
.fusion-header-v3 .fusion-header,
.fusion-header-v4 .fusion-header,
.fusion-header-v5 .fusion-header {
border-bottom: 1px solid transparent
}
.fusion-logo {
float: left;
zoom: 1
}
.fusion-logo:before,
.fusion-logo:after {
content: " ";
display: table
}
.fusion-logo:after {
clear: both
}
.fusion-logo a {
display: block
}
.fusion-logo img {
width: auto
}
.fusion-logo-2x {
display: none
}
.fusion-mobile-logo-1x,
.fusion-mobile-logo-2x {
display: none
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
.fusion-standard-logo.fusion-logo-1x {
display: none
}
.fusion-standard-logo.fusion-logo-2x {
display: inline-block
}
}
.fusion-secondary-header {
min-height: 43px;
border-bottom: 1px solid transparent
}
.fusion-secondary-header .fusion-alignleft {
float: left;
margin-right: 0
}
.fusion-secondary-header .fusion-alignright {
float: right;
margin-left: 0
}
.fusion-header-v2 .fusion-secondary-header {
border-top: 3px solid transparent
}
.fusion-secondary-header .fusion-mobile-nav-holder {
width: 80%;
margin: 0 auto
}
.fusion-header-separator {
padding: 0 6px
}
.fusion-contact-info {
line-height: 43px
}
.fusion-header-v4 .fusion-header {
padding-top: 30px;
padding-bottom: 30px
}
.fusion-header-v4 .fusion-logo {
width: 100%
}
.fusion-header-v4 .fusion-logo a {
float: left
}
.fusion-header-v4 .searchform {
float: right;
margin-left: 15px
}
.fusion-header-v4 .search-table {
width: 286px
}
.fusion-header-tagline {
float: right;
margin: 0;
padding: 0;
line-height: 32px;
font-family: 'MuseoSlab500Regular', Arial, Helvetica, sans-serif;
font-weight: normal
}
.fusion-header-banner {
float: right
}
.fusion-logo .fusion-header-banner a {
float: none
} <div class="fusion-header"><div class="fusion-row"><div class="fusion-logo" data-margin-top="65px" data-margin-bottom="31px" data-margin-left="0px" data-margin-right="0px"> <a href="http://esident.logotypefactory.com"> <img src="http://esident.logotypefactory.com/wp-content/uploads/2015/04/logo.png" width="221" height="51" alt="Esident" class="fusion-logo-1x fusion-standard-logo"> <img src="http://esident.logotypefactory.com/wp-content/uploads/2015/04/logo.png" width="221" height="51" alt="Esident" style="width:221px; max-height: 51px; height: auto;" class="fusion-standard-logo fusion-logo-2x"> <img src="http://esident.logotypefactory.com/wp-content/uploads/2015/04/mobilen-logo.png" alt="Esident" class="fusion-logo-1x fusion-mobile-logo-1x"> <img src="http://esident.logotypefactory.com/wp-content/uploads/2015/04/logo.png" alt="Esident" style="max-width:195px; max-height: 47px; height: auto;" class="fusion-logo-2x fusion-mobile-logo-2x"> </a></div><div class="fusion-mobile-menu-icons"><a href="#" class="fusion-icon fusion-icon-bars"></a></div><div class="fusion-mobile-nav-holder"></div></div></div>