Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/15: Рейтинг темы: голосов - 15, средняя оценка - 4.73
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73

Ломается верстка

19.02.2017, 00:23. Показов 3157. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть сайт сайт
На десктопе все отображается норм.
Но если сайт открыть с мобильного или с планшета, то все ломается. Не могу понять почему.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
19.02.2017, 00:23
Ответы с готовыми решениями:

Ломается верстка при сужении окна браузера
Когда сжимаю браузер в какой то момент получается второй ряд http://official-ubn-ural.ru/

CSS Ломается верстка в шапке в мобильной версии @MEDIA
После добавления телефона при масштабировании в мобильной версии ломается шапка. Как сделать что бы корректно отображался номер Использую...

Ломается верстка при прокрутке страницы (bootstrap + fullPage.js)
Добрый день, уважаемые участники форума. Столкнулся со следующей проблемой: На странице использую покадровую прокрутку с помощью...

8
25 / 25 / 19
Регистрация: 13.07.2015
Сообщений: 433
19.02.2017, 00:35
Потому что дизайн фиксированный, и не адаптирован для устройств маленького размера.
0
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
19.02.2017, 01:10  [ТС]
Почему тогда неверно ведет себя только backgraund, а остальные элементы на своих местах?
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
19.02.2017, 03:01
Adigezalov, Классу .block заменить width:100%, width: 1280px;
1
25 / 25 / 19
Регистрация: 13.07.2015
Сообщений: 433
19.02.2017, 12:57
boilzzz, Странно почему при 100% ширине блок не растянулся во весь экран.
0
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
19.02.2017, 22:46  [ТС]
Aqua77, вот это меня как раз и вводит в ступор.
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
21.02.2017, 11:28
Aqua77, Ни чего страного, данный блок растянут на 100% ширины экрана, а если уменьшать размер экрана он будет искажаться т.к верстка там без адаптации, а этот блок получился с адаптацией.
0
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
21.02.2017, 18:10  [ТС]
boilzzz, а если все размеры перевести в проценты?
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
21.02.2017, 18:49
Adigezalov, Просто все перевести не получится, надо читать вам про адаптивную верстку. Много тонкостей которые надо учесть)
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
21.02.2017, 18:49
Помогаю со студенческими работами здесь

Ломается блок при переносе
Хай. Вот тут http://bitloor.com/com.b/ внизу есть блок "Наши работы". Там три картинки. Это макет и написан на html. Я перенёс его сюда...

Ломается ширина шапки (100%)
Привет, можете помочь? Как починить шапку на сайте, ширина фона 100%, а самой шапки ≈1000px . И в окне браузера, шириной меньше...

Объединение не работает, ломается таблица
При попытке дальше объединять ячейки в квадрат, таблица ломается. В чем же дело? В генераторе таблиц она тоже ломается. Пытаюсь сделать...

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

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


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru