Как можно седлать html-шаблон адаптивным.

I
На сайте с 10.04.2014
Offline
57
580

Как можно сделать html-шаблон адаптивным под моб. устройства?

vandamme
На сайте с 30.11.2008
Offline
645
#1

теория https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/use-media-queries?hl=ru

практика http://alexdev.ru/1497/

еще пример http://www.dejurka.ru/css/responsive-web-design-media-queries/

вкратце: прописать секции медиа-запросов под размеры экранов разных устройств (мне хватает три размера экрана) и в каждую секцию прописать css-код, позволяющий контенту отображаться на данном размере экрана корректно, без горизонтальной прокрутки и тд.

eis
На сайте с 18.10.2008
Offline
466
eis
#2

Infor, еще можно заказать и за Вас все сделают ☝

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
xakep1
На сайте с 30.12.2012
Offline
58
#3

ТС Вам нужно использовать CSS3 Media Queries

Эскорт в Израиле (https://israel-escorts.com)
P
На сайте с 08.02.2016
Offline
23
#4

bootstrap и нет проблем

Мемори
На сайте с 11.11.2012
Offline
105
#5

у топовых смартфонов размеры экрана в пикселях могут быть больше чем размеры некоторых десктопных мониторов, нотбуков. Размеры в дюймах - а попробуйте найти

он-лайн линейку в дюймах или см чтобы точно показывала размеры вашего дестопного и одновременно и вашего мобильного девайса. Найдете - плиз поделитесь ссылкой.

Первые 20 из гугла на моих девайсах сильно ошибаются.

P
На сайте с 08.02.2016
Offline
23
#6

кроме разрешения экрана роль играет еще и user-agent. не советую придумывать всякие костыли типа "генератор мобильной версии бесплатно без регистрации", а один раз взяться и сделать всё нормально на каком-нибудь css-фреймворке.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий