Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск  
 
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 156

Адаптивная верстка

28.01.2016, 17:45. Показов 2329. Ответов 49
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте Уважаемые форумчане!
Прошу оценить адаптивную верстку.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.01.2016, 17:45
Ответы с готовыми решениями:

адаптивная верстка
Подскажите пожалуйста, почему сайт http://beta-komilfo.1gb.ru/на мобильниках отображается не на полный экран

Адаптивная верстка
У меня есть psd в котором контент фиксирован под 960px(ноутбуки). Вопрос такой надо ли делать адаптивность под 1140px(персональный...

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

49
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 14:32
Студворк — интернет-сервис помощи студентам
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
И у вас не томесто, где три блока которые выше на скрине
Там где три блока, в одну колонку все перестраивается,вот скрины я прокрутку обвела,(и в мобильнике тоже самое)
Миниатюры
Адаптивная верстка   Адаптивная верстка  
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
01.02.2016, 14:39
Syrka, ну правильно, сейчас перестраиваются, а тогда не перестраивались
0
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 14:45
В общем над адаптивностью еще работать и работать.
И эти пятна на первом экране....
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
01.02.2016, 14:49
Syrka, Я думаю что все не так плохо, как кажется, основное сделано, а там по мелочам) В все придет с опытом, скажите вот эти вот эффекты, анимация сами делали или через js я все ни как не могу попратиковаться, теорию читаю, но никак не получается что то.
0
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 14:57
Так верстка-то не моя, а так конечно скрипты.
0
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 156
01.02.2016, 15:41  [ТС]
Не знаю у меня на имитаторе в хроме вот так: ( и никакой прокрутки нет)
https://yadi.sk/i/gEhIgu0Vo785Y
https://yadi.sk/i/-vkLAFPlo76kt
https://yadi.sk/i/4-G6CeHto76JQ

Цитата Сообщение от Cdelphi78 Посмотреть сообщение
скажите вот эти вот эффекты, анимация сами делали или через js я все ни как не могу попратиковаться, теорию читаю, но никак не получается что то.
На Animate.css - http://htmlbook.ru/blog/ispolzovanie-animatecss

0
грОмотей
 Аватар для maxvel0007
239 / 175 / 17
Регистрация: 01.04.2011
Сообщений: 1,435
01.02.2016, 15:50
Цитата Сообщение от stan07 Посмотреть сообщение
что еще надо для адаптивной верстки не понимаю
Зайди на фриланс, нади себе заказчика которому вёрстка не особо быстро нужна, попробуй сделать но скажи что с адаптивом не очень знаком дабы человека не подставлять и не обнадёживать зря, получится сделать = получишь копейку, нет, будешь знать в какую сторону копать.
0
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 156
01.02.2016, 16:10  [ТС]
Цитата Сообщение от maxvel0007 Посмотреть сообщение
Зайди на фриланс, нади себе заказчика которому вёрстка не особо быстро нужна, попробуй сделать но скажи что с адаптивом не очень знаком дабы человека не подставлять и не обнадёживать зря, получится сделать = получишь копейку, нет, будешь знать в какую сторону копать.
Смотрел на фрилансе чужие работы по АВ они ничем не лучше.
А у вас есть работы по адаптивной верстке, интересно было бы взглянуть ?)
0
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 16:10
Какая разница как он выглядит на имитаторе в хром, если при просмотре с устройства прокрутка есть, и верстка едет , вот скрины с телефона.
Миниатюры
Адаптивная верстка   Адаптивная верстка  
0
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 16:12
И вообще лучше на устройствах версточку, проверять.
или вот сервис в помощь http://quirktools.com/screenfly/
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
01.02.2016, 16:24
Syrka, у меня на sumsung s4 mini нормально все)
0
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 156
01.02.2016, 16:25  [ТС]
Syrka,
Проверил и через это этот сервис покрутки не вижу
0
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 16:28
А кнопку показать прокрутку нажимал?
0
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 156
01.02.2016, 16:35  [ТС]
Syrka,
Нажимал, все влазит, горизонтального скрола не наблюдается ) Вот скрин:
https://yadi.sk/i/snKKDmmLo7MfH
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
01.02.2016, 16:36
Да если смотреть в mozilla то все плохо, странно, адаптив же у вас прописан для футера для мобильников?
0
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 16:44
Я всегда на устройствах тестирую по возможности,
потому-что сервис в одном браузере показывает прокрутку
в другом нет
Я же тебе , скрин с телефона прикладываю , прокрутка есть.
Если в CSS пропишешь
CSS
1
2
3
.block5 .left img{
 width:100%;
}
то прокрутки не будет точно. В этом деле нужно все обязательно учитывать, траблов с заказчиком всегда луше избежать.
0
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 156
01.02.2016, 16:59  [ТС]
Syrka,
Прописал, сейчас как все норм ?
0
01.02.2016, 17:02

Не по теме:

Syrka, ааа, дак это не вам надо было помогать? Я че то сступил)

0
 Аватар для Syrka
9 / 9 / 5
Регистрация: 21.01.2016
Сообщений: 62
01.02.2016, 17:08
Что-то наверное не туда наверное прописал,
вот сюда надо(файл и строка обведены красным)
Миниатюры
Адаптивная верстка  
0
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 156
01.02.2016, 17:15  [ТС]
А сейчас ?)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
01.02.2016, 17:15

Адаптивная верстка
Уважаемые форумчане! Пожалуйста, помогите человеку, впервые пытающемуся сделать адаптивный сайт. Уже прочел много статей о media queries....

Адаптивная верстка
Всем привет! Нужен ваш совет. Верстала несколько раз уже адаптивные странички, но все время кажется, что как-то неправильно. Можете...

Адаптивная верстка
Ребят, подскажите, как сделать адаптивной картинку в background? Делать несколько картинок под контрольные точки экрана или есть более...

Адаптивная верстка
Всем привет, Прошу Вас дать мне ответы по адаптивной верстке. Я делал проект по адаптивной верстке вот пример страницы...

Адаптивная верстка
Здравствуйте. Снова обращаюсь за помощью к гуру. Очень нужна помощь со скриптом. Нужно реализовать адаптивную верстку (чтобы на всех...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
40
Ответ Создать тему
Новые блоги и статьи
Особенности gif сгенерированных в Си
russiannick 21.10.2026
Рассмотрим генерацию gif файлов, которые в Си имеют свои особенности. Gif представляет собой графический формат популярный в интернете. Посмотрим на палитру. Gif файл сгенерированный в си отличается. . .
FPS контроллер с анимированными Y-Bot и 3D-звуком miniaudio (Box3D, Recast, BehaviorTree.CPP, ozz-animation, ImGui, OpenGL и SDL3)
8Observer8 18.10.2026
Содержание блога | English Version Полное мультиплатформенное руководство по стартовому проекту с FPS-контроллером игрока, анимированными роботами Y-Bot с 4-слойным блендингом, 3D-физикой Box3D,. . .
Локальный http сервер
Argus19 17.10.2026
Локальный http сервер На работе, на двух локальных компьютерах круглосуточно работают программы опроса приборов с записью в книги Excel,которые раз в сутки записываются на сервер компании. Т. к. . . .
Копировать Windows на новый диск на UEFI
damix 17.10.2026
https:/ / uriesk. wordpress. com/ 2016/ 11/ 01/ move-window-10-to-ssd-on-a-uefi-dualboot-system-with-basic-linux-tools/ TL DR Вставляем диск, а старый подключаем через переходник, грузимся с лайва. . .
ИИ не может найти нужный язык в списке
Supersumestria 05.10.2026
Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .
Новая последняя моя музыка в SUNO
zorxor 05.10.2026
Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .
Программный домашний кинотеатр
russiannick 27.09.2026
Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого
zorxor 21.09.2026
Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru