Как растянуть body на весь экран html
Перейти к содержимому

Как растянуть body на весь экран html

  • автор:

Как убрать растянутый экран на Windows 10?

Перешла на windows 10 и весь экран растянут,подозреваю,что нужно установить видеодрайвер,но не могу найти совместимый с этой виндой((помогите,может кто сталкивался с этой проблемой.Ноутбук у меня старенький samsung r 525

комментировать
в избранное
12 ответов:
7 лет назад

Тут скорее наоборот нужен не новый драйвер, а ваш родной который стоял на предыдущей версии, не знаю какой думаю на windows8.1. Новые драйвера десятка грузит из интернета и они часто не подходят к старым устройствам, или новым но нераспространенным. Это относится к ноутбукам, нетбукам и планшетам. Нужно перед установкой десятки делать бекап своих родных драйверов и потом установить их, программой даблдрайвер например. Либо искать на сайте производителя либо в другом месте в интернете. У меня была так же проблема с драйверами при обновлении планшета до десятой виндовс. Еле нашел бекап драйверов на форуме 4пда. Но в ноутбуках драйвера бывает на диске есть который идет к ноутбуку.

система выбрала этот ответ лучшим
в избранное ссылка отблагодарить
шабалдина [26.8K]

Ни старых, ни новых драйверов искать не надо, не вводите людей в «дремучий лес». Система автоматом устанавливает нужные драйвера, надо только кнопку «обновить» нажать. Я четыре раза обновляла до винды 10 и три раза у меня было растянутое изображение. Видеоконтролер обновила, это занимает минуту, изображение в норме. — 7 лет назад

Как сделать картинку фоном в HTML и CSS. 3 простых способа

Приветствую. В этой статье я хочу рассказать о трех способах размещения изображения в качестве фона всей страницы при помощи только HTML + CSS (без использования JS).

Итак, требования к фоновому изображению у нас следующие:

  • Покрывается 100% ширины и высоты страницы
  • Фон масштабируется при необходимости (background растягивается или сжимается в зависимости от размеров экрана)
  • Сохраняются пропорции картинки (aspect ratio)
  • Изображение центрировано на странице
  • Фон не вызывает скроллов
  • Решение максимально кроссбраузерное
  • Не используются никакие другие технологии кроме CSS

design-development-electronics-326424.jpg

Способ 1

На мой взгляд, это лучший способ, ведь он самый простой, лаконичный и современный. Он использует свойство CSS3 background-size , которое мы применяем к тегу html . Именно html , а не body , т.к. его высота больше или равна высоте окна браузера.

Устанавливаем фиксированный и центрированный фон, затем корректируем его размер, используя background-size: cover .

html < background-image: url(images/background.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; >

Этот способ работает в

Chrome (любая версия) Opera 10+ Firefox 3.6+ Safari 3+ IE 9+

Для того чтобы изображения загружались быстро, размещайте свои сайты только у проверенных хостинг-провайдеров, например, Beget.com Пользователи и поисковые системы любят быстрые сайты.

Способ 2

Этот способ предусматривает использование элемента img, размер которого будет изменяться в зависимости от размера окна браузера. Чтобы растянуть изображение на весь экран, ему необходимо задать min-height и width со значением 100%. А чтобы изображение не сжималось до размера меньшего, чем оригинальный, установим min-width со значением равным ширине картинки.

В случае если ширина окна будет меньше ширины изображения, будет использоваться media query для выравнивания бэкграунда по центру.

img.background < min-height: 100%; min-width: 640px; width: 100%; height: auto; position: fixed; top: 0; left: 0; /* Зависит от размера изображения */ @media screen and (max-width: 640px)< img.bg < left: 50%; margin-left: -320px; >> >

Этот способ работает в:

  • Любой версии хороших браузеров (Chrome, Opera, Firefox, Safari)
  • IE 9+

Способ 3

Еще один способ заключается в следующем: фиксируем изображение к левому верхнему углу страницы и растягиваем его при помощи свойств min-width и min-height 100%, сохраняя при этом соотношение сторон.

Правда при таком подходе картинка не центрируется. Но эта проблема решается заворачиванием картинки в , который мы делаем в 2 раза больше размера окна. А само изображение мы растягиваем и помещаем по центру.

 
div.background < position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; >img

Этот способ работает в хороших браузерах и IE 8+.

Надеюсь, эта информация будет для Вас полезной. Лично я частенько пользуюсь этими методами, особенно первым. Наверняка есть и другие способы поместить изображение на задний фон при помощи CSS. Если Вы о них знаете, поделитесь, пожалуйста, комментариях.

Как растянуть картинку на весь размер экрана

Ничего на эту тему не нашел. Мне нужно что бы картинка не просто увеличивалась, теряя свою часть за границей экрана, а именно расстягивалась на всю ширину и высоту, игнорируя пропорции. Пытался background:url(am.jpg) no-repeat center center fixed; , не работает так как мне надо

Отслеживать
задан 27 дек 2020 в 22:03
54 6 6 бронзовых знаков

на всю высоту и ширину это значит терять пропорции в большинстве случаев. вам там на выбор background-size: cover/contain

27 дек 2020 в 22:11
Такой вариант не получается, картинка все равно сохраняет пропорции
27 дек 2020 в 23:24

сеачало надо указать размер html,body то есть height: 100% потом писать уже background url и background size

Как развернуть игру на весь экран и играть на полную

Как развернуть игру на весь экран и играть на полную

Советы начинающему стримеру: как создавать качественный контент

Старые игры плохо совместимы с актуальными операционными системами. Показываем несколько способов, как развернуть приложение на полный экран.

Все современные игры при первом же запуске выставляют в настройках максимально возможное разрешение, которое поддерживает монитор. Однако, случаи некорректной работы игрового приложения нередки. Особенно часто эта проблема наблюдается при попытке запустить старую игру, созданную 10-20 лет назад. В то время мониторы имели очень низкое по современным меркам разрешение. Да и весь софт писался под железо и программное обеспечение, которое было актуально в те времена. Если вы хотите поиграть в первые части Doom, Mortal Kombat, Need for Speed или в другие легендарные игры, то готовьтесь к тому, что в 90% случаев вы столкнетесь с оконным режимом, который не получится растянуть. Решений подобной проблемы существует очень много, и они варьируются от случая к случаю. Рассказываем вам про самые популярные методы, как сделать игру на весь экран.

Как сделать полный экран в игре: хоткеи

Хоткеи (горячие клавиши) — клавиши или комбинация клавиш, при нажатии которых происходит определенное действие. И мы сейчас говорим не про само внутриигровое управление. Во многих играх на программном уровне зашиты горячие клавиши, которые позволяют изменять формат выводимого окна с изображением.

Как развернуть игру на весь экран и играть на полную

Сейчас многие разработчики пренебрегают этим функционалом, потому что современное железо очень редко испытывает проблемы с совместимостью с играми. Вероятно, в будущем пользователи тоже будут испытывать технические проблемы со старыми играми, которые в наше время являются актуальными 🙂 Самая распространенная комбинация в играх девяностых и нулевых — Alt + Enter. Работает даже в некоторых современных играх.

Как развернуть игру на весь экран: параметры запуска

Если зайти в свойства любого ярлыка игры, то вы увидите параметры запуска (для этого нажмите правой кнопкой мыши по ярлыку и выберите соответствующий пункт в выпадающем окне). В графе «Ярлык» в строке «Объект» вы найдете адрес, который указывает на расположение исполняемого файла в корневом каталоге с игрой. Мало кто знает, но существует ряд команд, которые можно прописывать после адреса. Все они прописываются через пробел после дефиса. В зависимости от конкретной игры список поддерживаемых команд может отличаться. Для того, чтобы растянуть игру на весь экран попробуйте следующие варианты:

  • -fullscreen — устанавливает параметры полноэкранного режима.
  • -w 1920 -h 1080 — устанавливает размер окна по высоте и ширине. В данном случае указаны значения для FullHD разрешения. Вы можете поменять значения конкретно под ваш монитор, где -w — ширина, а -h — соответственно высота.
  • Существует также команда для запуска игры в оконном режиме. Ее часто применяют для первоначального запуска, чтобы избежать некоторых проблем с совместимостью, а в дальнейшем в ручную установливают разрешение в настройках. Если после адреса вы видите текст -window, то его требуется убрать. Возможно, именно это препятствует приложению развернуться во весь экран.

Как развернуть игру на весь экран и играть на полную

Точно такие же параметры, как правило, работают и для игр, установленных из Steam. Только в свойствах ярлыка вы не найдете поля «Объект». Чтобы установить параметры запуска, вам потребуется зайти в свою библиотеку в программе. Выберите желаемую игру, нажмите по ней правой кнопкой мыши и перейдите в свойства. Там вы увидите пункт «Установить параметры запуска». Нажимаете по нему и точно таким же образом прописываете вышеописанные команды. Не забудьте дефис в начале и пробел между командами. Можно указывать несколько параметров одновременно.

Как развернуть игру на весь экран и играть на полнуюКак расширить экран игры: совместимость

В свойствах ярлыка игры можно также увидеть графу «Совместимость». Она тоже влияет на тип запуска приложения и предназначена для старых игр.

Как развернуть игру на весь экран и играть на полную

Поставьте галочку напротив пункта «Запустить программу в режиме совместимости с» и попробуйте разные варианты операционных систем, которые вам предлагают. Желательно также поставить галочку напротив пункта «Запускать эту программу от имени администратора». Еще вы можете воспользоваться средством устранения проблем с совместимостью, которое, по сути, является аналогом средства устранения проблем с интернет-соединением, но, как вы понимаете, эта штука помогает очень редко. Но лучше не проходить мимо и попробовать все варианты, верно?

Открыть игру на весь экран: настройка видеокарты

В первую очередь рекомендуется установить самые свежие драйвера на видеокарту: очень часто в патчах можно встретить фиксы, связанные с совместимостью старых приложений. Для этого можно воспользоваться Snappy Driver Installer или DriverPack Solution. Но не всегда обновления исправляют ситуацию. Следует еще проверить опцию отображения рабочего стола. Для этого откройте панель управления видеокартой. Обычно в системном трее (маленькие значки в правой нижней части рабочего стола) находится соответствующая иконка. Если ее нет, то попробуйте нажать правой кнопкой мыши по рабочему столу и найти этот пункт в выпадающем меню. Если и там вы его не обнаружите, то попробуйте посмотреть в панели управления. В окне программы выберите пункт «Регулировка размера и положения рабочего стола». Включите пункт «Во весь экран». Не забудьте подтвердить изменения и закройте панель управления. После этого окно игры должно расшириться до полного размера.

Как развернуть игру на весь экран и играть на полную

Для владельцев видеокарт от компании AMD процесс выглядит похожим образом. Нужно зайти в приложение Catalyst Control Center и найти там такую же настройку.

Растянуть игру на весь экран: внутриигровые настройки

Современные игры предлагают геймерам широкий спектр настроек. Можно настраивать что угодно, начиная от управления и заканчивая графической составляющей. В старых же играх функционал не такой богатый, но опции отображения есть и у них. В целом процесс очень простой: нужно найти пункт «Режим экрана» и поставить напротив него галочку. Очень часто эта настройка вынесена в отдельную категорию, где пользователь настраивает интерфейс. Так что если вы не нашли этот пункт в разделе с графическими сетапами, не расстраивайтесь и просмотрите всё меню, которое предлагается игроку. Иногда можно встретить режим отображения экрана в лаунчере (когда перед запуском игры появляется программа, отвечающая за загрузку приложения). Некоторые разработчики встраивают в лаунчеры отдельные настройки, которые не дублируются в самой игре.

Как развернуть игру на весь экран и играть на полную

В крайнем случае можно поставить режим отображения «Оконный без рамок». В таком случае экран игры развернется на максимум. В оконном режиме производительность, конечно, ниже, чем в полноразмерном, но разница не такая большая и, обычно, не превышает 5-10%, так что потеря FPS будет невелика. Не во всех старых играх присутствует данная возможность. Проверьте информацию на сайте разработчиков: возможно проект вообще способен работать только в оконном режиме с низким разрешением (да-да, встречаются и такие проекты).

Как сделать полный экран в игре: разрешение

Не только режим отображения окна с игрой может растягивать изображение. Разрешение, которое вы выбираете, может препятствовать полноэкранному режиму. Современные игры поддерживают большие типы разрешения (от 4К и выше), а вот у старых проектов с этим проблема. Попробуйте в настройках графики установить разрешение поменьше и выбрать при этом «Полный экран». Если игра вовсе отказывает запускаться, то установить разрешение экрана в самой операционной системе. Для этого нажмите правой кнопкой мыши на любой области рабочего стола и выберите пункт «Параметры экрана». Далее просто смените разрешение с большого на более низкое и подтвердите изменения.

Как развернуть игру на весь экран и играть на полную

Аналогичный способ — через панель управления Nvidia или Catalyst Control Center. Там тоже присутствуют эти опции. И в крайнем случае попробуйте выставить минимально возможное разрешение в свойствах ярлыка (см. скриншот в параграфе про совместимость).

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

  • 3 лучшие бюджетные игровые мыши 2019
  • 5 лучших игровых мышей, которые доступны в 2019 году

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *