Pracuję nad mobilną wersją mojej strony internetowejprzy użyciu Flexslider, który jest przydatny ze względu na właściwości płynu. Jednakże, jeśli spojrzysz na to w przeglądarce mobilnej, błędy są wyrównane, a reszta obszarów witryny chowa się za obrazami w jakiś sposób. Może to być pewne pozycjonowanie, ale większość moich debuggowania przeprowadzam w moich zwykłych przeglądarkach i po prostu zmieniam agenta użytkownika, aby pokazać mi moją wersję aplikacji mobilnej.
Jeśli przejdziesz do witryny z poziomu agenta użytkownika, który zmienił przeglądarkę na swoim komputerze, będzie wyglądał tak (jak powinien wyglądać):
Jeśli spojrzę na stronę na stronie internetowej devsuper.artistcon.com, zobaczysz, że strzałki są pomijane, a elementy zwijane przechodzą pod obrazami:
Każda pomoc zostanie doceniona.
Odpowiedzi:
0 dla odpowiedzi № 1Spróbuj sprawdzić, czy twoja własność css ma następującą
.flexslider {
background: none repeat scroll 0 0 transparent;
margin: 0 0 60px;
position: relative;
padding: 0;
}
.flex-direction-nav a {
display: block;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
Zakładam, że nie masz góra: 50%; własność w twoim .flex-direction-nav a reguła