Problem ze stroną responsywną |
Problem ze stroną responsywną |
13.10.2014, 17:30:40
Post
#1
|
|
Grupa: Zarejestrowani Postów: 289 Pomógł: 1 Dołączył: 2.11.2007 Ostrzeżenie: (0%) |
Witam!
Posiadam stronę internetową w wersji reponsywnej, w której wersja z najwęższą szerokością ma wartość 566px. W mniejszych urządzeniach, mających może 320-400px , strona jest widoczna w połowie (chciałbym żeby była w całości widoczna). Z pewnością rozwiązaniem byłoby stworzenie wersji dla szerokości ok. 320px, jednak niektórych rzeczy (np. tabel z danymi) nie jestem w stanie zwężyć do takiej szerokości. Czy da się zrobić tak, aby strona w wersji responsywnej była w skali 1:1 ? Dodam, że dopiero raczkuję w temacie stron responsywnych. Mam też na stronie taką wartość meta tagu "viewport": <meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
13.10.2014, 17:54:52
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Możesz spróbować:
1. Kod @media screen and (max-width:565px) { @viewport{ zoom:0.5; } } Jeszcze chyba słabe wsparcie. 2. Kod @media screen and (max-width:565px) { body{ -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } } 3. Sprawdzić za pomocą JS szerokość ekranu, jeśli mniejsza niż 566 to wstrzyknąć do HEAD metatag: Kod <meta name="viewport" content="width=device-width, initial-scale=0.5">
-------------------- |
|
|
13.10.2014, 21:20:30
Post
#3
|
|
Grupa: Zarejestrowani Postów: 1 332 Pomógł: 294 Dołączył: 12.10.2008 Skąd: Olkusz Ostrzeżenie: (0%) |
Z pewnością rozwiązaniem byłoby stworzenie wersji dla szerokości ok. 320px, jednak niektórych rzeczy (np. tabel z danymi) nie jestem w stanie zwężyć do takiej szerokości. Czy da się zrobić tak, aby strona w wersji responsywnej była w skali 1:1 ? może nie wiele doradzę ale pod wersję mobilną możesz z tabelkami zrobić 2 rzeczy jeszcze... albo tabelkę wstawić do jakiejś warstwy np. "div'a" i ustawić overflow na przewijanie w bok jeśli kogoś ta tabelka zainteresuje... lub odwrócić tabelkę jeśli jest szersza niż wyższa i dane przedstawić z góry w dół... -------------------- Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.
|
|
|
Wersja Lo-Fi | Aktualny czas: 19.04.2024 - 22:38 |