Перейти к содержимому

Почему при изменении разрешения обрезается экран

  • автор:

Сузился экран монитора, появились черные полосы. Что делать, как расширить экран?

suzilsya-ekran-chto-delat

Вопрос от пользователя

Здравствуйте.

У меня компьютер стал как-то странно работать: сузился экран и изображение стало меньше, по бокам появились черные полосы. Также шрифт и значки стали меньшей четкости, как будто затуманены (или окутаны «легкой» дымкой).

Виню во всем одну игру, в которую накануне поиграли дети. Ее уже удалили, а изображение все равно такое же.

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

Больше всего похоже на сбившиеся настройки разрешения и масштабирования в Windows (обычно, это удается устранить за 1-2 мин.).

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

Картинка уехала вправо от границы экрана. появилась черная полоса

Картинка уехала вправо от границы экрана. появилась черная полоса // Пример проблемы крупным планом

Что делать, если изображение на экране сузилось и стало не четким

Проверить разрешение/масштабирование в Windows

Чтобы автоматически открыть в любой версии Windows настройки задания разрешения — нажмите сочетание кнопок Win+R , и используйте команду desk.cpl .

desk.cpl — открыть свойства экрана

desk.cpl — открыть свойства экрана

Далее обратите внимание на строки:

  • Разрешение (в моем примере 1920 x 1080) — крайне желательно установить рекомендуемое значение для вашего монитора (Windows предлагает его автоматически). Также его еще иногда называют «родным» разрешением;
  • Масштабирование (в моем примере 175%) — Windows, обычно, автоматически определяем наиболее оптимальный вариант масштабирования. Попробуйте изменить его — при выставлении 100% изображение на мониторе будет наиболее четким (но некоторые элементы могут стать слишком мелкими для восприятия) .

Дисплей (параметры Windows 10)

Дисплей (параметры Windows 10)

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

�� В помощь!

Как узнать и поменять разрешение экрана — https://ocomp.info/razreshenie-ekrana.html

Проверить установлены ли драйвера на видеокарту

Обычно, эта проблема возникает сразу после переустановки ОС Windows (в некоторых случаях при восстановлении ОС, чистке после вирусного заражения, при смене некоторых «железок»).

Чтобы проверить, установлены ли драйвера видеокарты — ��откройте диспетчер устройств и перейдите во вкладку «Видеоадаптеры» . Если драйвер на карту установлен — на значке устройства не будет восклицательного знака (см. пример ниже). ��

Драйвер на видеокарту установлен (слева), драйвера нет (справа)

Драйвер на видеокарту установлен (слева), драйвера нет (справа)

Также обратите внимание на трей — рядом с часами должен быть значок видеодрайвера (для входа в панель управления). Если его нет, проверьте меню ПУСК — если и там нет — то скорее всего у вас установлена «не полная» версия видеодрайвера (например, тот, который подобрала вам Windows) . См. пример ниже. ��

2 способа открыть настройки AMD Radeon видеокарты / кликабельно

2 способа открыть настройки AMD Radeon видеокарты / кликабельно

Кстати, в панели управления видеодрайвером также есть настройки масштабирования . Изменяя оные — можно подстроить размер изображения на экране монитора так, чтобы «картинка» была на всю плоскость (без черных полос). См. пример на скриншоте ниже.

AMD графика — настройки дисплея (масштабирование)

AMD графика — настройки дисплея (масштабирование)

Не сбились ли настройки монитора.

Обратите внимание на аппаратные настройки самого монитора. В большинстве моделей есть опция по смещению изображения по вертикали/горизонтали (для центровки и калибровки картинки).

Кстати, чаще всего, если сбросить настройки в дефолтные или задействовать «Auto» режим (см. стрелка 3 на фото ниже) — изображение станет корректным, наиболее оптимальным для данной модели устройства.

Настройка монитора — положение по вертикали и горизонтали

Настройка монитора — положение по вертикали и горизонтали

Примечание : обычно, кнопки настройки монитора находятся на правой нижней панельке.

Провести диагностику монитора

Если всё вышеперечисленное не дало результатов — рекомендую проверить сам монитор, подключив его к другому ПК/ноутбуку. Возможно, имеет место быть тех. неисправность устройства (кстати, об этом также может свидетельствовать появление различных полос, ряби, постоянное изменение ширины/высоты изображения и т.д.).

Красные полосы (артефакты)

Красные полосы (артефакты)

Кстати, обратите также внимание на то, когда появляются различные помехи и искажения: при неисправности монитора — как правило, они будут и при входе в BIOS, и при загрузке ОС, и на рабочем столе, и в играх.

�� В помощь!

Что делать, если появились рябь и полосы на экране компьютера/ноутбука (артефакты) — https://ocomp.info/ryab-i-polosyi-na-ekrane.html

Сегодня на этом все.

Дополнения, как и всегда, приветствуются ��

Первая публикация: 24.11.2019

При изменении разрешения обрезаются input

введите сюда описание изображения

Столкнулся с такой проблемой, при адаптивной верстке. Дело в том, что при изменении разрешения обрезаются input’ы, при чем при с разных сторон. Раньше стояла фиксированная ширина для самих инпутов, после выставил ограничение по ширине для form, а инпутам поставил ширину 100%, но это не помогло и инпуты все равно обрезаются (и слева-справа и сверху-снизу). Тестил в диапазоне 1200px-1400px Хотелось бы понять, как сделать его нормальным.

body < margin: 0; padding: 0; font-size: 15px; >h1, h2, h3, h4, h5, h6 < font-family: 'Ubuntu', sans-serif; font-weight: bold; >div, p, input, button, form, span, a, ul, li < box-sizing: border-box; >.container < width: 1171px; margin: 0 auto; >.mail < background: #ecf3f8; text-align: center; display: flex; padding-bottom: 106px; >.mail h2 < font-size: 30px; margin-top: 100px; >.form < margin: 57px auto 0 auto; width: 343px; >.form input < padding-left: 14px; margin-bottom: 15px; width: 100%; height: 48px; >.button < width: 343px; height: 56px; background: #ffd429; border: none; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #2e2a1b; >.button:hover
 

Форма заказа билета в будущее

Устранение неполадок монитора (смещение изображения)

Устранение неполадок монитора (смещение изображения)

Здравствуйте! Сегодня будет небольшая заметка о такой бытовой проблеме, которая, может, и не часто распространена, но раздражает прилично. Если отбросить словосочетание в скобках заглавия статьи, то данную тему и в ряде обширных статей полностью раскрыть невозможно. На самом деле я расскажу об одной маленькой проблемке и направлениях, куда следует копать при возникновении других проблем.

Описание

Настраивая роутер, столкнулся со следующей проблемой – изображение монитора было смещено на пару миллиметров влево. И курсор также “уплывал” левее, не задерживаясь о грань монитора. Причем это было как в программах, так и на рабочем столе. А справа образовалась черная полоска шириной в те же пару миллиметров. Да что тут рассказывать, смотрите сами (правый нижний угол и вылезание папки за край): На скриншоте это показать невозможно, потому что скриншот “фотографирует” активную область, управляемую системой. А тут такое ощущение, что пиксели перестали работать.

Как я решил проблему?

Все оказалось очень просто. Достаточно было поменять частоту монитора (монитор ЖК). Теперь покажу, как это делается.
1) Заходим в контекстное меню рабочего стола, Разрешение экрана (в Windows 7).
контекстное меню рабочего стола
2) Появится меню с настройками экрана. Нажимаем на “Дополнительные параметры”.
настройки экрана
3) Появятся характеристики вашего видеоадаптера (видеокарты).
характеристики видеоадаптера
Переходим во вкладку “Монитор”. Здесь важное выпадающее меню – “Частота обновления экрана”. Выставляем максимальную частоту обновления экрана. По дефолту у меня стояло 60 Гц, что и было причиной проблемы.
частота обновления экрана
После этого изображение должно переместиться на свое место.
После
После 2

Общая методика устранения проблем монитора

1) Смотрим на физическое подключение монитора к разъему материнской платы. Пробуем вытянуть и вставить кабель заново.
2) Проверяем руками исправность кабеля (нет ли изломов).
3) Проверяем подключение питания монитора.
4) Если изображение на мониторе не появилось, то скорее всего накрылась видеокарта. Нужно взять другую и попробовать, заработает ли с ней монитор. Если нет, то тогда пришел конец монитору.
5) Если изображение вы все-таки увидели, но оно с искажениями, то идем опять же в контекстное меню рабочего стола – Разрешение экрана. Здесь нужно выставить стандартное разрешение вашего монитора, указанное в инструкции.
установка стандартного разрешения
Если ЭЛТ мониторы (похожие на телевизоры) позволяют без особых проблем изменять разрешение, то в их ЖК собратьях должно быть только стандартное. Иначе изображение получится размытым.
6) Если изображение выглядит в виде лесенки, как здесь (лучше всего видно на ярлыке корзины):
изображение в виде лесенки
то заходим в дополнительные параметры (как в пункте 2 решения моей проблемы), идем на вкладку “Монитор” и внизу там есть переключатель режимов качества цветопередачи. Так вот там нужно выбрать 32 бита (True Color):
True Color
Тогда изображение станет плавным и градиенты будут незаметными:

плавное изображение с нормальными градиентами

плавное изображение с нормальными градиентами

7) Если текст все равно выглядит нечетким, скомканным, как отпечатанный принтером, в котором заканчивается краска, то скорее всего у вас отключен режим Clear Type. Для его включения все в той же настройке экрана внизу нажимаем на “Сделать текст и другие элементы больше или меньше”. Появится панелька:

сделать текст и другие элементы больше или меньше

сделать текст и другие элементы больше или меньше

Слева в меню заходим в “Настройка текста ClearType”. И в появившемся окне ставим галочку “Включить ClearType”. При этом на мониторе сразу можно увидеть изменения и понять, что к чему. Нажимаем кнопку далее и выбираем наилучшие для вас варианты текста. Там не сложно, поэтому скриншоты приводить не буду.

настройка текста ClearType

настройка текста ClearType

8) Если элементы интерфейса на экране выглядят маленькими, то в меню, в которое мы зашли в 7- пункте, выбираем “Другой размер шрифта (точек на дюйм)”. Появится окошко выбора масштаба:

выбор масштаба

выбор масштаба

Здесь можно настроить масштаб с точностью до 1%. Правда, не советую увлекаться, потому что, например, при 140% увеличении не все элементы поместятся на экран. Особенно при маленьком разрешении, как у меня.
9) Если на мониторе присутствуют какие-то полосы, замыленность или другие артефакты, то можно обновить драйвера видеокарты. Для этого идем по следующей цепочке “Контекстное меню моего компьютера – Управление – Диспетчер устройств”.

управление компьютером

управление компьютером

В среднем окне заходим в видеоадапетры и нажимаем на название видеокарты. В выскочившем окне переходим во вкладку “Драйвер”.

драйвер видеокарты

драйвер видеокарты

Нажимаем “Обновить”:

обновление драйверов видеокарты

обновление драйверов видеокарты

Здесь выбираем “Автоматический поиск обновленных драйверов”. У меня драйвера нашлись без проблем. Если таким способом обновить драйвера не получается, то заходим на официальный сайт производителя, находим вашу модель видеокарты, скачиваем последнюю (или предпоследнюю) версию драйвера и обновляемся вручную. Лучше скачивать предпоследние драйвера, потому что последние могут быть сырыми (недоработанными).
Если картинка все равно отображается некорректно, то могут быть конфликты программ. Сам с таким не сталкивался, но в интернете встречал людей, которые рассказывали, что после переустановки системы все работало отлично. Можно попробовать и этот способ в крайнем случае.
Про калибровку цветов здесь рассказывать не буду. Потому как это уже улучшение реальности отображения картинки. Да и тут нужны либо специальные инструменты, либо навыки (для любительской подстройки).
На 100% уверен, что даже лежащих на поверхности не упомянул кучу деталей. Так что, если есть какие-то проблемы, обращайтесь, будем думать вместе.

Обрезается фон страницы относительно контента

Есть такой дизайн введите сюда описание изображения Обратите внимание на правое и левое изображение Вот тот же дизайн только для меньшего разрешения экрана введите сюда описание изображения Как видите при уменьшении экрана фоновые картинки не смещаются относительно контента — они обрезаются по краям Вот как сделать что бы они по краям не обрезались? PS

background: url(/img/leftTopBack.png) no-repeat; background-position: left top; background-attachment: fixed; 

Такой код не работает

Отслеживать

110k 23 23 золотых знака 113 113 серебряных знаков 377 377 бронзовых знаков

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

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