WebSite X5Help Center

 
Łukasz S.
Łukasz S.
User

Responsywność  pl

Autor: Łukasz S.
Visitado 358, Seguidores 1, Compartilhado 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

Publicado em
4 RESPOSTAS - 1 ÚTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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

.

Ler mais
Publicado em de  ‪ 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?

Ler mais
Publicado em de Łukasz S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Ł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 

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪