Obrázek při nízkém rozlišení

Zdravím,

mám na stránce obrázek a když snížím rozlišení (x osu), tak se zobrazí scroll lišta. Já bych ale chtěl, aby přetékající část obrázku prostě zmizela. Nějaký nápad? Kódu moc není, je to jenom obrázek... img-responsive bohužel nepomůže. Zkoušel jsem overflow ale to taky není ono.

<div class="col-md-12">
<div style="position: relative;">
<img src="images/mobil.png" class="">
</div>
</div>

Předmět	Autor	Datum
a čo ten obrázok pred vložením orezať, a uložiť späť do pôvodného formátu? Mlocik97 04.01.2016 20:26	Mlocik97	04.01.2016 20:26
já se obávám že tomu příliš nerozumím... Mám obrázek, který má šířku 400px. Je to jednolitý obrázek.… DND4ever 05.01.2016 16:25	DND4ever	05.01.2016 16:25
Co se ti nelíbí na tom overflow? Dělá to přesně to, co požaduješ. CSS: .xx { overflow: hidden; max-… poslední IQ37 05.01.2016 17:20	IQ37	05.01.2016 17:20

a čo ten obrázok pred vložením orezať, a uložiť späť do pôvodného formátu?

já se obávám že tomu příliš nerozumím... Mám obrázek, který má šířku 400px. Je to jednolitý obrázek. A když právě snížím velikost prohlížečovýho okna pod 400px, tak se vytvoří scroll bar na X ose. A tohle já právě nechci, já chci, aby byl maximální rozměr X osa a dál to nepřesahovalo...

Co se ti nelíbí na tom overflow? Dělá to přesně to, co požaduješ.
CSS:

.xx {
	overflow: hidden;
	max-width: 200px;
	background: url("images/obrazek.jpg");
}

HTML:

<div class="xx" style="width: 200px; height: 150px;">text</div>

Zpět do poradny Odpovědět na původní otázku Nahoru