Buduję niestandardową aplikację na iPada i mogę używać specyficznego kodu webkita. Mam trudności z dynamiczną zmianą rozmiaru obrazów, aby zmieścić się w określonym pojemniku div. Czy istnieje kod, aby to zrobić? Również jest kod do ponownego przycinania obrazu z maską, jeśli obraz jest portret lub krajobraz?Automatyczne zmienianie rozmiaru obrazów w HTML5 CSS3 na iPadzie
6
A
Odpowiedz
15
Najprostszym sposobem, aby automatycznie zmienić rozmiar obrazu z prostych CSS:
img {
max-width: 100%;
}
Nie CSS3 i HTML 5 magia wymagane. Oto post na blogu z dodatkowymi informacjami i trochę kodu JavaScript, który poprawia skalowanie w IE: http://unstoppablerobotninja.com/entry/fluid-images/
Powiązane problemy
- 1. Automatyczne zmienianie rozmiaru widoku podrzędnego utworzonego programowo
- 2. Automatyczne zmienianie rozmiaru formantów Windows Forms
- 3. Panel JavaFX wewnątrz panelu Automatyczne zmienianie rozmiaru
- 4. przeciąganie i zmienianie rozmiaru obrazu na płótnie html5
- 5. Automatyczne zmienianie rozmiaru wiersza TableLayoutPanel po zmianie rozmiaru okna
- 6. Automatyczne zmienianie rozmiaru obrazu na podstawie wymiarów okna przeglądarki
- 7. Układanie wideo HTML5 na iPadzie
- 8. Wyszukiwanie filmów w formacie HTML5 na iPadzie
- 9. Zmienianie rozmiaru UIViews
- 10. jak wykonać automatyczne zmienianie rozmiaru obrazu w Pythonie3 za pomocą PyGI?
- 11. Jak zapobiec zmianie rozmiaru na iPadzie
- 12. Nie wyświetla się wideo HTML5 na iPadzie
- 13. Przeglądarka obrazów w html5
- 14. Bezklasowy framework HTML5/CSS3
- 15. Ręczne zmienianie rozmiaru pliku JPanel
- 16. Promień obramowania CSS3 na płótno HTML5
- 17. Dynamiczne zmienianie rozmiaru okna JQuery
- 18. Wyłącz Zmienianie rozmiaru okna przeglądarki
- 19. Zmienianie czasu przejścia Webkit przy użyciu javascript na iPadzie?
- 20. Niepotrzebne zmienianie rozmiaru okna formularza
- 21. Cofnij automatyczne zmienianie rozmiaru na ekranie iPhone 5 po dodaniu [email protected]
- 22. Ukrywanie tekstu Zmienianie rozmiaru uchwytu w Safari
- 23. Zmienianie rozmiaru okna wpf programowo w C#
- 24. Zmiana rozmiaru obrazów w katalogu
- 25. Zmiana rozmiaru obrazów w VB.NET
- 26. Ustawianie currentTime na tagu wideo HTML5 na iPadzie
- 27. Wyłącz automatyczne zmienianie nazwy Visual Studio id
- 28. Problem Pixelate czcionki w Chrome (HTML5/CSS3)
- 29. Automatyczne zmienianie rozmiaru w pasku nawigacji segmentowanego elementu sterującego zbudowanego dynamicznie
- 30. Carrierwave - zmiana rozmiaru obrazów na ustaloną szerokość
Zrobiłem trochę więcej badań, a także znalazłem tego bloga. Zdałem sobie sprawę, że muszę również włączyć użycie obrazu tła do tego, co muszę zrobić. – beactive