The client checks the layout at a scale of less than 100%, is this legal and how to help him, if so?

Question

css

I'm building a website for a client.
Width - fixed.
1. The client reduces the page size and says, for example, that the menu now does not fit on one line.
2. There are masonry blocks that, when zoomed out and then quickly zoomed in, crawl back on top of each other. Personally, I managed to achieve this effect only when the RAM was fully loaded, perhaps this is not the case.
Is it legal for the client to demand that everything stay in place when scaling down?
And if so, how or at the expense of what, what properties can I help him?
UPD:
I may not have expressed myself correctly.
For example, requiring cross-browser compatibility for modern browsers minus several versions is a justified desire.
Require display in rarities such as IE8 - justified, separately negotiated.
The question is, are there any arguments that would justify checking the behavior with a zoom (and such a capital zoom)?
I have met and understand people who put an enlarged font or use an enlarged scale. Reduced to 50% - no, I haven’t seen it and I don’t have any sensible ideas why this would be needed.
lukoshko.spb.ru/1/index1.htm
Screenshots:

spoiler

Answer 1

I don't know how valid my opinion is. but IMHO the customer just wants to see a smaller copy on his smartphone.
I offer a solution .
1. Using js to track the scale

var screenCssPixelRatio = (window.outerWidth - 8) / window.innerWidth;
if (screenCssPixelRatio >= .46 && screenCssPixelRatio <= .54) {
  zoomLevel = "-4";
} else if (screenCssPixelRatio <= .64) {
  zoomLevel = "-3";
} else if (screenCssPixelRatio <= .76) {
  zoomLevel = "-2";
} else if (screenCssPixelRatio <= .92) {
  zoomLevel = "-1";
} else if (screenCssPixelRatio <= 1.10) {
  zoomLevel = "0";
} else if (screenCssPixelRatio <= 1.32) {
  zoomLevel = "1";
} else if (screenCssPixelRatio <= 1.58) {
  zoomLevel = "2";
} else if (screenCssPixelRatio <= 1.90) {
  zoomLevel = "3";
} else if (screenCssPixelRatio <= 2.28) {
  zoomLevel = "4";
} else if (screenCssPixelRatio <= 2.70) {
  zoomLevel = "5";
} else {
  zoomLevel = "unknown";
}

Code From here
2. For zoom levels, edit the styles quietly
for example for your .header1-1 nav a text-transform and margin-left are enough: remove

Answer 2

как я понял верстка не адаптивная. тогда сделайте для body min-width той фиксированной ширины для которой вы верстали.

Answer 3

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

Answer 4

Вы бы скрины проблем сделали, чтоб было понятно.
По поводу меню, у меня ничего не вылезает, но конечно, задавать фиксированные рамзеры в пикселях, это не есть хорошо. Тем более вы флексбокс юзаете.
Зачем макс.ширину ограничиваете, тоже не ясно.
Масонри, при изменение размеров окна, можно обновить reloadItems вроде именно за это отвечает. В вашем случае, можно вообще обойтись чистым CSS — columns: 3 300px;

Answer 5

Вообще, конечно, проверять верстку в режиме 33% (на этой отметке у меня меню складывается в Хроме) как бы странно и бесполезно. Обычно люди увеличивают страницы. Уменьшать - ну ещё понимаю 70-90%, но точно не 33%.
Однако же этот как будто бы туповатый тест выявил проблемы в верстке. Я не смотрел всё, но пресловутое меню точно сверстано плохо и ненадежно. Его ширина никак не задана и ни от чего не зависит. По сути, блок nav просто распирается набором ссылок. Ещё там есть flex-контейнеры, но у дочерних элементов никак не заданы flex-basis, grow, shrink и вот это всё. Как это должно работать?
При каких-то условиях ссылки решили сложиться - ну и почему бы нет? Им верстальщик толком не заложил их поведение, браузер волен делать что хочет.

Answer 6

FireFox 2 варианта - 50% и 30% у кого там и что куда плывёт я честно говоря не знаю и какой больной человек будет работать с таким масштабом - без понятия. Мне при 50% плохо видно, а о 30% говорить вообще нечего... Внушите клиенту, что он требует бред. У меня выходит только когда я говорю прямо человеку, что он псих и требует невменяемых и никому не нужных вещей.
Да, на хроме в 33% есть косяк с неправильным выводом меню. Зачем вам советуют какие-то min-width и тд и тп - я честно не понимаю. Просто убираем у первой ссылки margin-left и при 33% будет всё замечательно (это если ваш клиент реально психованный и хочет чтоб при этом масштабе всё было круто). Если человек будет прикапываться к масштабу в 25% - просто попрощайтесь с ним и всё, я бы не тратил время на такого заказчика.