Често е необходимо да показва изображения в определен блок размер. В този случай, че има проблем: как да пишат изображението в блока без съотношение загуба.
Същността на този метод е, че картината ще бъде вписан в блок определен размер. Всичко, което той не би се включат ще бъдат скрити в този блок. Рамки за единица ще има същите характеристики като на снимката. Ето защо, това ще бъде възможно да се организира и подравняване по същия начин като нормална картина. Като алтернатива, разбира се, не е съвършен, но ефективна.
За да започнете, вземете пациенти. Аз vbral снимки три котки от различни пропорции. Ширината на всички изображения едно - 200 пиксела.
Когато такава разлика снимки пропорции-добрият вариант е да се вземе размера на 200x120 пиксела блок за рамкиране.
След всички манипулации с CSS тя ще изглежда така:
Кодът на този пример, е както следва:
Както можете да видите, изображението не е нарушена, но само подстригва. Въпреки че в действителност те са били в пълен размер. Този метод ще бъде много успешен, ако разликата между пропорции на изображенията е малък.
Това е всичко. Абонирайте се, сложи звездичка! Успех в постиженията си!
Свързани статии