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

Question

[tester]

Сверстал одноэкранник, адаптивно, на всех основных разрешениях сайт смотрится нормально, но когда клиент зашел со своего ноутбука (1366x768px), то увидел это (фото см. ниже)

Видимо у него масштаб в самой винде выставлен на ~110%, но почему сайт "полетел"?


На моем стареньком ноутбуке (1366x768px) сайт выглядит хорошо:

Answer 1

[approximate solution]

Я думаю в самом начале надо было объяснить Вашему клиенту, что каким бы мастером своего дела вы бы не были, вы не можете предугадать все состояния браузеров, если в Вашем штате не сидит компания тестестировщиков, которые используют тесты, или ручками заходят в последние 10 версий актуальных на данный момент движков. Верстка pixel-perfect - подразумевает под собой - хотя бы 2ю оплату, что бы это себя окупило. А pixel-perfect + адаптив = можно слать клиента смело лесом, так как вы рискуете потерять своё здоровье.

По факту: Судя по первому скриншоту, где соглашение залезло на футер, скорее всего неправильная верстка(если я правильно увидел), по поводу того что контент "поплыл" - увеличился bg, текст заехал и стал чуть-менее читабельным - всё это блажь, если посмотрите на сайты "топов", то у каждого есть косяки, и нужно намекнуть клиенту, что за 2 шекеля, которые он вам заплатил за говноверстку лендинга - это еще нормальный результат, есть люди которые просто на конструкторе собирают, а потом купаются в своей горстке дирхамов.

Answer 2

[Евгений]

Видимо вы плохо сверстали, у меня на ноуте так же

Comments

[tester]

Можете подсказать почему так?
Ведь при тестировании через инспектор все хорошо

[Евгений]

tester, вы думаете люди тоже через инспектор ходят? Посмотрите на свой браузер, в нем есть вкладки, строка поиска, избранное, и всё это занимает место + панель снизу. В винде одна, на маке другая. Даже на скриншоте видно это.

[tester]

Евгений, даже если указать высоту 600px?
+ на фотках выше у нас один и тот же браузер, но отображается по-разному

[Евгений]

Вот открыл с мака 1920х1080. Такая же проблема