Responsywność
Author: Łukasz S.
Visited 477,
Followers 1,
Shared 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
Posted on the
(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
.
Witaj Łukasz,
Zachęcamy do zapoznania się z dostępną on-line pomocą dla programu i tej funkcjonalności: http://help.websitex5.com/pl/v2020.2/pro/index.html?responsive_layout.htm
Pozdrawiamy
Author
Zapommniałem dodać, że stronę tworzyłem od podstaw, bez żadnego template. 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
.