Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se C a C++. Zároveň využij akce až 80 % zdarma při nákupu e-learningu - více informací.
discount week 80 + hiring
Avatar
Marek Mozola
Člen
Avatar
Marek Mozola:17.9.2016 11:53

Zdravim. Mám problém so zobrazením na mobile. Na pravej strane( v tom white space) je img ktorý sa pri scrollovaní posunie na svoje miesto. Keď však v chrome developer tools sa posuniem doprava tak tam vidím to white space. Dá sa to nejak spraviť že by tam ten img bol, ale width by bol rovnaký? Skúšal som aj overflow: hidden; ale robí to ešte väčší bordel

 
Odpovědět
17.9.2016 11:53
Avatar
gorri
Člen
Avatar
gorri:19.9.2016 6:06

Spíše sem hoďte část kódu. Respektivě tu část, které se to týká. Takhle z obrázku se moc nepozná. ;-)
Nicméně tuším kde by mohl být problém ;-)

Nahoru Odpovědět
19.9.2016 6:06
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Marek Mozola
Honza Bittner:19.9.2016 12:40

Zkus použít nějakou absolutní pozici nebo overflow? Nevím moc co chceš, takže se zkus trochu více rozepsat. :-)

Nahoru Odpovědět
19.9.2016 12:40
Student FIT ČVUT :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Marek Mozola
Člen
Avatar
Marek Mozola:19.9.2016 20:18

Vyriešil som to cez media query, keď je šírka väčšia ako 1024 tak tam to whitespace nieje.. V chrome developer tools mi to teda zobrazuje v pohode, lenže dnešné telefóny majú väčšinou full hd displeje a keď tam dám napr. iPhone 6 Plus tak tam je šírka len 414, zobrazuje to teda full hd rozlíšenie len je to zmenšené alebo ako to tam funguje?

 
Nahoru Odpovědět
19.9.2016 20:18
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
maxy obr
Člen
Avatar
Odpovídá na Marek Mozola
maxy obr:19.9.2016 20:24

Reálné rozlišení je opravdu těch 414px přečti si http://www.vzhurudolu.cz/…ka/css-pixel

 
Nahoru Odpovědět
19.9.2016 20:24
Avatar
gorri
Člen
Avatar
gorri:25.9.2016 12:53

Není lepší tady hodit kod at se na to mohou podivat dalsi a pripadne rict co a jak? Viz to co jsem psal drive ;-)
Kod hodne ulehci.

Nahoru Odpovědět
25.9.2016 12:53
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Marek Mozola
gorri:30.9.2016 14:35
@media only screen and  (max-width: 940px) {
.obrazek {
width: 100%;
height: auto;
min-height: 100px;
background-size: 100% !important;
float: none;
}
 }

Jelikož jsi tady nehodil kód tak tady něco máš. Snad ti to pomůže ;-)
Přinejhorším float: none; nahradíš display: block;
Ale to záleží jak to máš celé udělané.

Nahoru Odpovědět
30.9.2016 14:35
Když vím, tak poradím. Nikdo neví všechno :-)
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.