Адаптация сайта для мобильных устройств. Часть 2 // Веб-разработчик 1.0

Автор Ivan Samoilov
Адаптация сайта для мобильных устройств. Часть 2 // Веб-разработчик 1.0

что, что делать следующий параметр прописывается медиант с минимальным 481 Pixel и максимальным краном 768 пикселей — это разрешение для планшетов в следующий.

Открой я беру эти цифры — это сетка bootstrap если вспомнить этого вот — это всё, что меньше 768 пикселей — это всё всё, что меньше 992 пикселей, но больше 768 пикселей — это прикол всё, что больше 992 пикселей, но меньше 1200 — это col-md и всё, что больше 1200 пикселей — это LG на практике выведенная штука есть. Обычно он маленький маленький совсем телефоны они имеют старый Android не имеют разрешение экрана 320 пикселей более-менее современные смартфоны они имеют разрешение iPhone и те же самые 321 до 480 пикселей 485 горизонтальное расположение телефона посмотрим здесь вот мы видим, что здесь получается 480 на 320 если мы выберем телефон вот так то есть перевернем и вода представляешь, что телефон в перевернутом виде смотреть фильм постройте квадрат так. Соответственно, что там кардинально меняется здесь в принципе ничего кардинально не меняется дата мы можем также все параметры отсюда скопировать всё, что мы прописали для маленького телефона, но изменить уже размеры шрифтов потому, что здесь размеры шрифтов должны быть чуть побольше сохранились ответить да то есть экран стал больше места стало больше, но шрифт такую же не подходит маленьким.

Что сделать чтобы или вот например.

Здесь Да мы-то кстати вот эти недостаток быстро поесть то, что он считает маленькими даже экраны которые почти 768px получается тянем тянем тянем тянем и всё — это время у нас форма будет. Вот такой вот широкой не только на кол SM можем там поменять параметры сейчас когда я то есть мы скопировали все параметры для разрешения от 480 до 768, но здесь нам нужно отправить через логотипы. Да он чуть побольше будет. побольше его также ревизорро мы сделаем чуть побольше 100 пикселей телефон оставляю таким же размером. Европейский хостел в центре. Хабаровска мы можем увеличить размер — это параметр h1gh чуть побольше даже можно ещё до 28 такой большой здесь в принципе всё в порядке. Здесь тоже всё в порядке единственный недостаток да то есть если мы берём плохого качества картинки вырезаем то они становятся жёстко жёстко пиксельная. Здесь также эти разве блины. У нас всё нормально дальше следующий параметр. Вот же будет интересно потому, что здесь мы можем подавать ещё и с классом комедия минимальной ширины 769 пикселей до максимальной ширины 900 чтобы каждый раз не писать я уже заранее обычно готовлюсь с документами чтобы у него был прописан все все все все все все разрешения для смартфона ты, тогда так ненадолго сейчас можно задать параметры для сайта для следующих данных которые занимают автомат 669 дала 992 так которых невозможно. Это самое длину и ширину точнее возьмём 768 до 1024 откроем iPad так чуть-чуть увеличена вот так вот 769 пикселей на матрице должны здесь как мы видим по-прежнему получается так главный на главном экране у нас мы видим да то, что у нас здесь задано везде до этого для того чтобы у нас всё точно также отображалось версии 769 ksm44a. Здесь тоже ксм-4 для монитора новинки вот у нас всё построилась точно также как и в полной версии, что здесь нужно делать здесь немножко нужно уменьшить логотипы для этого мы либо прописан заново да. Либо мы вообще всё — это дело откуда. Откуда уже написали. Вот — это всё касается логотипов мы уже их прописывали. Поэтому заново писать нет смысла. Напишите заново копировать информацию отмыть уменьшили размеры можно 120 пикселей для каждого из логотипов сделать чтобы были. Вот телефон хорошо заголовок тоже в принципе неплохо. И вот мы видим, что у нас все наши поля стали занимать большое количество место. А почему. Потому, что у нас там прописаны параметры она нужна см то есть здесь вот мы будем пол MP3 везде нам нужно сделать sm39 для этого нажимаем Control сразу в четырех местах пешеходу сохраняем обновляем от нас получилась. Вот такая вот канитель видим, что они слишком короткие при этом ещё и кнопка выбивается за границу. Всё достаточно просто отправить через через через через параметры средство для этого мы находим как у нас здесь mainform дома. Информ мои формы. Гугл, что — это значит если начнут там обратиться к импульсам которые находятся в классе. ДСП МДФ шириной 90 91 99 процентах чтобы у него звали практически всю ширину родительского элемента сделаем небольшой отступ вот здесь. Остановите надо то, что у нас есть небольшой гостинице создадим небольшой margin-left например 2 пикселя появился, но всё равно большое большое расстояние между вот этими создадим 100% которой равно небольшое есть жена так посмотрим здесь мы видим, что у нас. Мегафон находится. Старый Оскол воды см3 странным странно почему вот — это вот он должен быть процент как мы выглядит конечно по центру некоторое время мы можем лишь поиграться с остатками влево либо уменьшить отступы для заднего фона для задника больше меня волнует сейчас — это вложение с кнопкой. Первый канал за рамки этого можно избежать при помощи стилей CSS Main Bazar говорим чувак общаемся с другом говорим чувак блин отступаем кнопка выбивается. Поэтому нам нужно уменьшить отступы здесь допустим у вас там какие вот только сейчас сейчас у вас здесь отступ после.

0 комментариев
0

Читайте также