Попытка вырезать изображение

Я создаю сайт в Twitter Bootstrap 3. Это то, что у меня есть до сих пор. http://ts-mc.net/

Все работает отлично, однако изображение на главной странице растягивается. Я хочу сохранить его таким образом, чтобы изображение не реагировало, поэтому он отлично работает на мобильных устройствах, однако я бы хотел избавиться от лишнего изображения, которое не отображается.

1 ответ

Использовать overflow:hidden на контейнере div. Смотрите эту скрипку.

HTML

CSS

div
{
 overflow:hidden;
 width:80px;
}

Вы можете установить ширину и высоту div контейнера до 100%, а затем остальную часть изображения обрезать.

Если это фоновое изображение, используйте псевдоэлемент, как описано здесь.

Обновить

Как вы упомянули overflow-x:hidden - это хорошая утонченность скрытия overflow-hidden если вы просто хотите обрезать ширину.

licensed under cc by-sa 3.0 with attribution.