Próbuję dopasować obraz tła do jego kontenera przy użyciu background-size:cover. tu jest moje skrzypce: The Fiddlewielkość tła: okładka nie działa w rodzimej przeglądarce Androida
to działa we wszystkich przeglądarkach, ale nie pracuje w natywnej przeglądarce Android .. ktoś ma jakieś rozwiązanie, proszę? dzięki
Po wyszukaniu tego problemu i znalezieniu żadnego rozwiązania, usunąłem obraz tła ze stylów plików CSS i użyłem stylu inline w kodach HTML. Problem z rodzimą przeglądarką na Androidzie został rozwiązany.
Zaktualizowałem skrzypce i działa ono w macierzystej przeglądarce Androida.
wydaje się, że Android ma również problemu z formatem parsowanie tła jak ten:
background: url('...') fixed center center/cover;
i powinniśmy oddzielić postaci background-image innych i wykorzystać go inline, a następnie wykorzystać każdą opcję osobno w pliku css, tak:
background-size: cover;
background-position: center center;
@ R.Bosma dodała sugestię (aczkolwiek w przypadku odpowiedzi, która prawdopodobnie zostanie usunięta, ponieważ jej treść lepiej pasuje do komentarza): "Nie używaj załączników w tle: naprawiono. W przeciwnym razie na Androidzie nie zostanie zastosowane skalowanie Urządzenia lokalne i przewijania działają dobrze. " –
To działało podczas używania 'html, body {...}' zamiast 'body {...}'. – Edward
Niestety, właściwość tło-rozmiar nie jest w pełni obsługiwana przez starszą wersję jonów natywnej przeglądarki Androida i Chrome na Androida. Przeszedłem przez ból odkrywania tego na własnej skórze. Zamiast korzystać z „pokrywy” jako wartość, wykonaj następujące czynności:
background-size: 100% auto;
Co to robi to daje takie same odczucia poziomą jako „pokrywa”, a następnie automatycznie ustawia wysokość obrazu, przy założeniu, że obraz ma wymiary wewnętrzne.
Do dalszego czytania zalecam nurkowanie w detailed writeup from Sara Soueidan.
miałem ten sam problem z tłem-size: pokrywę, zdjęcie było dopasować do szerokości urządzenia i poniżej nie było białym tle, i zostało to naprawione kiedy ustawić background-color użyciu tej CSS:
background-color: #fff;
lub skrótem:
background: #fff url('http://cdn.stupiddope.com/wp-content/uploads/2013/06/IMGP3540.jpg') no-repeat scroll center center/cover;
to nie ma znaczenia, który kolor wybrać, bo to będzie niewidoczne.
bo może trzeba ustawić witdh bez%, ale w px, to jest to czysty zgadywać, bo gdybym remmeber poprawne android ma problem z szerokości na ekranie ustawić. –
masz na myśli, że powinienem używać px zamiast% dla wszystkich elementów? –