Ustaw kontener na pełną szerokość i nie można przewijać w poziomie na urządzeniu mobilnym - jquery, html, css, design

Oto link testowy:

http://kotechweb.com/ig112/

W tej chwili na urządzeniu mobilnym, przewija się do środka poziomo,

Chciałbym to osiągnąć

pojemnik ma pełną szerokość na telefonie komórkowym i wyłącz przewijanie w poziomie

Oto kod:

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

I przewiń do środka

scrollTo(($(document).width() - $(window).width()) / 2, 0);

Tło jest ustawione na 1903px, ponieważ nie chce, aby środkowa zawartość przesuwała się w lewo podczas zmiany rozmiaru okna

Wielkie dzięki za pomoc.

Odpowiedzi:

1 dla odpowiedzi № 1

Robisz pewne rzeczy ze swoim układem, żespowoduje, że nie będzie działał dobrze i pomiary w oknie prawdopodobnie prawdopodobnie będą wyłączone (nie mam odpowiedniego urządzenia do przetestowania tego, ale naprawienie tych rzeczy powinno rozwiązać twój problem):

1. Ustaw początkową skalę na 1. Dlaczego masz to ustawione na .5? Wyobrażam sobie, aby zrekompensować problemy z układem? Twoja statyczna szerokość kontenera zawartości nie pozwoli mu reagować, co prawdopodobnie jest tym, z czym walczysz.

2. Ustaw .my_box { maksymalna szerokość: 1903px; }

3. .my_box styl wbudowany kontenera ustawiony na brak powtarzania, przewijanie i wyśrodkowanie środka, a następnie użyj tła w tle: okładka, aby zawsze pasował:

tło: przezroczysty adres URL („./ asset / image / bg5.jpg”) niepotrzebne przewijanie środkowe centrum / okładka; rozmiar tła: okładka; }

4. Następnie przetestuj js, a zobaczysz, że przewijanie jestidąc w odpowiednie miejsce, 1/2 strony w dół twojej strony, ale nie chcesz tego, chcesz, aby przewinął do kotwicy. Umieść kotwicę (hash / id) w miejscu, w którym chcesz przewinąć, a następnie ustaw jQuery na powiększ tam po załadowaniu strony.

Daj mi znać, jak to idzie.

---