Как сделать нормальный фон по ширине при сужении длины в css - HTML, CSS

HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 4.75/8:

@кристина34 1 / 1 / 1 Регистрация: 12.08.2019 Сообщений: 46

	Как сделать нормальный фон по ширине при сужении длины в css 13.08.2019, 02:46. Показов 1718. Ответов 2 Метки css, html (Все метки) как сделать чтобы по ширине при сужении экрана не было белого фона, а было заполнение картинкой картинка задана как фон в body background-size: cover; 0

Лучшие ответы (1)

Сообщение: #13767892

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

13.08.2019, 02:46

Ответы с готовыми решениями:

Как сделать нормальный интервал при выравнивание по ширине
Здравствуйте, столкнулся вот с такой проблемой помогите как сделать нормальный интервал при выравнивание по ширине

Как с css сделать высоту блока равной его ширине при том что точное значение ширины не известно?
Ширина блока задана как "width: 100%", то есть 100% от родительского блока. Как задать высоту блока в процентах не от родителя а от своей...

Как сделать высоту равной ширине при ширине 100%?
как можно сделать элемент(например таблицу) квадратным, т.е. высота равна ширине(ширина 100%)

@Kastaneda 5232 / 3205 / 362 Регистрация: 12.12.2009 Сообщений: 8,143 Записей в блоге: 2
	13.08.2019, 09:41
	кристина34, зачем ты авторизируешь петухов? 0

gogolik

Супер-модератор

3952 / 2061 / 829

Регистрация: 13.03.2010

Сообщений: 6,780

13.08.2019, 10:05

Сообщение было отмечено кристина34 как решение

Решение

кристина34,

CSS
1
2
3
4
5
body {
    background: url() center no-repeat;
    background-size: cover;
    min-height: 100vh;
}

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

13.08.2019, 10:05

Помогаю со студенческими работами здесь

Как сделать нормальный фон для сайта?
В этой теме я не хочу спросить как нарисовать, а хочу спросить как поставить такой фон который будет нормально отображаться и на ПК и на...

Как сделать чтобы блоки перескакивали на другую строчку при сужении экрана
Помогите пожалуйста разобраться. У меня кружочки все в одну линию, а если посмотреть мобильную версию то кружочки вылезают за пределы...

Как сделать адаптивный задний фон CSS
Сайт делал на мониторе 1980X1080, у меня все ок, но заметил что на ноуте с меньшим разрешением фон смещается, на телефоне такая же шляпа....

Как сделать такой задний фон? (CSS)
Как сделать задний фон как на фото через css, то-есть, что бы цвет был голубым, но шли диагональные белые линии толщиной в 1px, отделенные...

Как сделать на css прозрачный фон, как у картинки?
Посмотрите на вложенную картинку. Сверстал тексты, форму, но как в css сделать прозрачный фон?

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

Наверх