Средства адаптивной вёрстки макета

@marketarea · Регистрация: 11.06.2016

Студворк — интернет-сервис помощи студентам

Посмотрите пожалуйста, вот к примеру чать "сверстаного шаблона" который хочется чтобы был адаптивным на 100%.
Я так понял для Респонис верстки дожно быть:
1. Viewport
2. Относительная ширина в процентах для блоков и картинок
3.

CSS
1
2
3
 * {
    box-sizing: border-box;
}

4. media запросы

У меня вроде все есть, но при сужении окошка браузера полная лажа, а при просмотре через инструменты разработчика - лучше. Особенная лажа когда добавляю:

HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Я понимаю что там все не совсем хорошо, но скажите что)? если можно по полной меня завалите всем что не то, мне так доходчивей).

И нужно ли:
1.прописывать для каждого разрешения свои стили через viewport или можно для тесктопного а все что меньше (как щас у меня) то блаблабла.
2. Шрифты, эти блин шрифты, как сделать чтобы они автоматом правильно маштабировались?? неужели нужно для каждого разрешения и тд прописывать свои стили для них??

@marketarea · 30.07.2016, 12:11 **[ТС]**

решил в такой способ:
всем секциям/div с ID добавил

CSS
1
min-height: 100%;

вместо

CSS
1
height: 100%;

но работает только на http://localhost/ а на сервер ложишь - косяки...
чо за фигня?

Добавлено через 1 минуту
но НЕ решил задачу описаную тут Вёрстка окржуности с частичной окраской бардюра
мож кто подскажет где косяк..?

Новые блоги и статьи Все статьи Все блоги /
Локальный 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 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .