<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

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

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как сделать изображения адаптивными?

Как сделать изображения адаптивными?

Всем привет! Мы разобрались с тем, что такое адаптивная верстка, сетка и как сделать адаптивными шрифты. Теперь же давайте разберем, как адаптировать изображения.

На самом деле это очень простая тема, и она не займет у нас много времени.

Чтобы ваши изображения стали гибкими, нужно просто добавить им свойство max-width=100%.

img {
  max-width: 100%;
}

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

Помимо изображений вы можете использовать этот прием для видео и других медиафайлов.

img, embed, object, video {
  max-width: 100%;
}

Все бы хорошо, но это работает только в IE7+ Если же вам нужно поддерживать IE6, то там это свойство работает в такой записи:

img {
  width: 100%;
}

Т.е. вместо max-width пропишите width.

Еще одна проблема, которая может вам встретиться, это плохое масштабирование изображений в Windows. Да, именно в системе, а не браузере. Если присмотреться, то можно заметить некоторые артефакты.

Решить эту проблему для IE просто.

.logo {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/path/to/logo.png",sizingMethod="scale");
}

Т.е. эту проблему нам помогает исправить свойство filter.

Итак, сегодня вы узнали, как просто сделать изображения адаптивными, какие проблемы могут встретиться при использовании данного способа и как их решить. Спасибо за внимание и удачи!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (2):

Maks4ever Maks4ever 29.12.2014 15:37:19

Решить эту проблему для IE просто. Ну, а для остальных браузеров как?)

Ответить

asdf asdf 18.09.2015 17:05:07

Адаптируем сайты под мобильные устройства Адаптивный сайт решит Ваши проблемы с сайтом: -Клиенты уходят с Вашего сайта, не сделав Заказ. -У Вас нет покупок с мобильных устройств. -Деньги Ваших клиентов достаются конкурентам с мобильной версией сайта. -Клиенты не читают важную информацию на Вашем сайте. -Клиенту трудно увидеть номер Вашего телефона, чтобы связаться с вами. Получи бесплатно макет главной страницы твоего мобильного сайта, кликай: http://adapteem.ru/land Ваш сайт будет одинаково хорошо смотреться на Iphone, Ipad, Android смартфонах и планшетах! По статистике 57% пользователей интернета смотрят сайты с мобильных и планшетов. Гарантируем рост конверсии с мобильного трафика или вернем деньги! Адаптим: мы увеличим Ваши продажи с мобильного или вернем деньги! Звоните: 8 (499) 346-81-06

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.