WebSite X5Help Center

 
Łukasz S.
Łukasz S.
User

Responsywność  pl

Autor: Łukasz S.
Besucht 345, Followers 1, Geteilt 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

Gepostet am
4 ANTWORTEN - 1 NüTZLICH
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Łukasz S.
Łukasz S.
User
Autor

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

Mehr lesen
Gepostet am von Łukasz S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats 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 

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪