Путеводитель по сайту

Автоматическое масштабирование изображений веб-страницы

English version

Распечатать

 

***

С развитием эры пост-ПК наблюдается лавинообразный рост пользователей "продвинутых" мобильных устройств – смартфонов и планшетов. Соответственно, почти все они подключаются к Интернету с помощью своих девайсов.

С апреля 2015 г. Google учитывает оптимизацию сайтов для мобильных устройств при составлении поисковых рейтингов.

 

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

 

Автоматическое масштабирование изображений веб-страницы

 

 

Добиться этого можно разными способами.

Самый простой – добавить в html-разметку веб-страницы css-декларацию, предписывающую веб-браузеру при загрузке страницы осуществлять автоматическую подгонку изображений под размер экрана устройства.

 

Для этого нужно в контейнере <head> (до закрывающего тега </head>) вставить следующий программный код:

<style type="text/css">

img {

width:auto;

max-width:100%;

height:auto;

}

</style>

 

Валерий Сидоров

 

 

***

Дело о…

Статьи о ПК и PC

Вирусы vs. антивирусы

Раскрывая тайны Windows…

Apple = iСтив + iPod + iPhone + iPad + iTunes + iMac + …

Apps for iPad, iPhone, iPod touch…

 

 

 

 

Путеводитель по сайту

18+

© 2015. All rights reserved.

Авторство всех материалов сайта https://netler.ru принадлежит Валерию Сидорову и охраняется Законом о защите авторских прав. Использование материалов сайта в offline-изданиях без согласования с автором категорически запрещается. В online-изданиях разрешается использовать материалы сайта при условии сохранения имени и фамилии автора и активной гиперссылки на сайт https://netler.ru.