Адаптация дизайна под ноутбук, как сделать?

Question

[abs1k]

Такой вопрос, проверяю сайт в разных браузерах и в разных разрешениях (через Хром, Оперу и тд). Смотрел даже на некоторых онлайн платформах. Но сегодня столкнулся с такой проблемой, у друга ноут (windows 10), а у меня стац. пк, решил у него посмотреть, всё вроде также, но некоторые моменты отображаются по другому, например где-то border прям отчетливо видно будто есть отступ на 1 пиксель. Ну и моменты с яркостью, через чур другие цвета, как с этим бороться?

Хрома версия и там и там последняя, проверял в Яндекс браузере, Опере и тд
На моём ПК

На ноутбуке


Прям четко видно 1-пиксельный отступ в любом месте, где есть border

Answer 1

[Василий Васильев]

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

Answer 2

[Дмитрий]

Исходный код смотреть нужно применяя разрешение обоих девайсов, скорее всего процентное соотношение одного из селекторов дало о себе знать. Сравните блоки объявлений у картинок и контейнеров картинок.

Answer 3

[Eugene Chefranov]

Ещё как вариант проверьте у друга в настройках экрана пункт масштабирование (должно быть 100%). Часто бывает если у ноутбука разрешение 1920x1080 то чтобы значки на экране не были слишком мелкими виндовс выставляет автоматом масштаб на 120%.

Comments

[abs1k]

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

[Eugene Chefranov]

По идее сайт должен адаптироваться и в таких ситуациях, но это масштабирует сама Windows так что возможно будет затруднительно подогнать сайт под всё это. Потому думаю если не возможно подогнать, то и не стоит так сильно парится из-за этого.

[Eugene Chefranov]

У мета-тега вьюпорта есть значение scale

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

возможно если его выставить в 1, то поможет

[abs1k]

Jack Brown, стоит, не помогает.

https://codepen.io/anon/pen/VXqEzd

вот в чем проблема, масштабирование на 125%, видно background