Zgubiłem się i nie wiem, jak przekonać Mobile-Firefox do załadowania mojej strony w pełni powiększonej: / Nie mogłem znaleźć działającego rozwiązania przeszukującego zarówno stackoverflow, jak i web. Oto link do

STRONIE INTERNETOWEJ!

Nie ma oddzielnej mobilnej wersji mojej strony. Pozwalam na powiększanie i pomniejszanie oraz na iPhony, iPady i przeglądarkę Android, która działa bez zarzutu. Ale za pomocą Mobile-Firefox na moim Androidzie ładuje stronę powiększoną ... i to nie jest głównym problemem!

„Klikalny” obszar strony pozostaje tym samym małym „pudełkiem” początkowego powiększenia: nie mogę przesuwać suwaków, nie mogę nawet kliknąć zdjęć poza tym małym „polem aktywności”, aby otworzyć fancybox-linki i tym podobne. Po przeniesieniu mojej strony do tego małego „pudełka” mogę przesuwać, klikać linki i wchodzić w interakcje, tak jak powinienem.

Mój meta kod jest następujący:

        <meta name="viewport" content="width=device-width, initial-scale=1">

użyłemhtml5boilerplate Czy jako punkt wyjścia dla mojej strony widzisz jakikolwiek konflikt, który może powodować mój problem z portem widoku? Inny użytkownik najwyraźniej znalazł rozwiązanie, pozbywając się kolejnego metatagu wskazującego na starsze przeglądarki. Znajduję następujące elementy w moim kodzie, ale nie ma znaczenia, czy je skasuję, czy nie:

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Próbowałem też pracować z następującym fragmentem kodu, ale bezskutecznie:

    <style>
    -moz-@viewport {
            width: device-width;
            initial-scale: 1;
    }   
    </style>

Może ktoś zna proste rozwiązanie? Byłbym bardzo wdzięczny za wszelką pomoc, radę lub podpowiedź, jak rozwiązać problem :) Z góry dziękuję!

Pozdrawiam, Merlin.