Problem z responsywnością obiektu Animated Image, Tekst, Obraz
Autor: Jacek A.Dzień dobry,
Przy tworzeniu strony natknąłem sięna problem, który postawił w wątpliwość całość przedsięwzięcia.
Chodzi o to, że na podglądzie witryny przy zmianie urządzenia grafiki i tekst nie skalują się tak, jak bym sobie życzył, tzn.:
- grafiki ikon nie skalują się w ogóle
- obszar tekstu zmienia się w sposób niezależny ode mnie
- obraz animowany (Animated Image) skaluje się w niezrozumiały dla mnie sposób. Obszar roboczy sięzmienia, ale sama grafika już niekoniecznie, zastosowany cień wyświetla się w niepoprawny sposób.
W załączniku przesyłam pogląd obrazu animowanego w wersji na różne ekrany.
Stąd moje pytania:
1. W jaki sposób ustawić osobną grafikę o mniejszej rozdzielczości / tekst o odpowiedniej wielkości czcionki dla odpowiedniego ekranu?
lub
2. Jak włączyć skalowanie obiektów?
Bez tego nie jestem w stanie stworzyć strony, która dobrze prezentuje sięna każdym urządzeniu.
Może jednak są jakieś rozwiązania, które pozwalają na zamierzony efekt przy użyciu innych narzędzi?
Będę wdzięczny za pomoc.
A gdzie ten załącznik do obejrzenia??
Autor
Rzeczywiście nie załączył się. Już przesyłam :)
Autor
Dodam jeszcze, że na załączonym podglądzie grafiką są:
białe tło kafelki, ikona, tytuł
Jednozdaniowy opis jest tekstem.
Abstrahując od załącznika, w osobnych obiektach typu Obraz lub Tekst nie potrafię znaleźć opcji skalowania na potrzeby kompatybilności z mniejszymi ekranami.
W przypadku niektórych ikon, które ładnie układają się obok siebie w wersji desktopowej, na smartfony układają się jedna pod drugą, co nie byłoby nawet złe, gdyby każda z nich nie zajmowała całego ekranu... Dużo lepiej by to wyglądało, gdyby dało się umieścić po 2 w rzędzie, lub (najlepiej) zmienić wymiary każdej z nich.
Witaj Jacek,
Program WebSite X5 nie ma możliwości ustawienia skalowania tekstu i grafik. Zachęcamy do zapoznania się z dostępną on-line pomocą dla programu, w szczególności z zagadnieniem "Jak utworzyć witrynę "Mobile-Friendly"?": http://help.websitex5.com/pl/v16/pro/index.html?website_mobile_friendly_ht.htm
Pozdrawiamy
Autor
Rozumiem, jednak w przypadku cienia obrazu animowanego (Animated Image), ewidentnie coś nie działa prawidłowo (2 zrzuty po prawej stronie przesłanego przeze mnie wcześniej załącznika).
Cień przypisany do obiektu nie zachowuje się w prawidłowy sposób w niższych rozdzielczościach (przesunięcia lub całkowity jego brak).
Albo jest to bug programu, albo ja coś źle ustawiłem.
Witaj Jacek,
Niestety, ale na podstawie samych zrzutów ekranu nie jesteśmy w stanie określić, gdzie występuje błąd. Bardzo proszę wyeksportować stronę na serwer i podać jej adres.
Pozdrawiamy
Autor
Otrzymałem odpowiedź od producenta:
"Umieścił Pan w komórce o zmiennym rozmiarze obiekt o stałych wymiarach (Animated Image). Sugerujemy zastosowanie wypełnienia kolorem (białym) w stylach komórki lub rezygnację z cienia."
Cóż, nie są to specjalnie satysfakcjonujące rozwiązania, ale może komuś się przydadzą.