WebSite X5Help Center

 
Łukasz S.
Łukasz S.
User

Responsywność  pl

Автор: Łukasz S.
Просмотрено 471, Подписчики 1, Размещенный 0  

Witam, 

od dłuższego czasu męczę się z wyglądem mojej strony, która w wersji komputerowej prezentuje się świetnie, ale niestety przy mniejszej rozdzielczości już wiele traci - tekst się nieestetycznie rozjeżdża, zdjęcia przesuwają się do prawej lub lewej strony, nie wspomnę już o tekstach, w których załączone jest zdjęcie (nie osobno tekst i osobno zdjęcie, tylko łącznie). Próbowałem lepiej poukładać strony w opcji responsywne ale nic to nie daje. Pomyślałem, że dobrym pomysłem byloby ukrycie niektórych elelmentów, jednak działa to tylko "w dół". Czy jest jakaś możliwość, żeby elementy mojej strony były widoczne np. tylko w jednej rozdzielczości, tj. żeby nie były widoczne, nie tylko w niższej rozdzielczości, ale i wyższej?

Pozdrawiam

Размещено
4 Ответы - 1 Полезно
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

(It > Pl) ... jeśli strona jest zbudowana poprawnie nie ma problemów; ... na przykład po prostu sprawdź Templates obecny w Marketplace ...
... w celu weryfikacji swojej witryny należy umieścić LINK tutaj ...
... typowo dla poprawnie skonfigurowanej strony to by nie pomogło, ale za pomocą prostego kodu EXTRA możesz ukryć i pokazać elementy w określonych rozdzielczościach...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Łukasz S.
Łukasz S.
User
Автор

Zapommniałem dodać, że stronę tworzyłem od podstaw, bez żadnego template. O jakim kodzie jest mowa, w kwestii ukrywania elementów rozdzielczości?

Читать больше
Размещено От Łukasz S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
Łukasz S.
... ... ...  O jakim kodzie jest mowa, w kwestii ukrywania elementów rozdzielczości?

... lepiej jeśli wstawisz LINK i wskażesz obiekty do warunku...
... w przeciwnym razie, jeśli już wiesz jak to zrobić, a jeśli chcesz to zrobić sam, reguła (x breakpoint 720px)  jest taka:

<style>
@media(min-width:720px) { #imObject_1 {display:none !important} }
@media(max-width:719px) {#imObject_2 {display:none !important} }
</style>

... ten kod pokazuje obiekt 1  i ukrywa obiekt 2  i odwrotnie, powyżej lub poniżej breakpoint 720px 

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪