0

Не сжимается контент при изменении масштаба

Может ли это быть из за неправильного обнуления стилей?

на этом скриншоте видно , как я изменяю масштаб , но контент не смещается. введите сюда описание изображения

Вы можете посмотреть сами: http://h99013sb.beget.tech/

2
  • В вашей вёрстке почти везде есть .container, попробуйте прочитать про flex-wrap, а также для отдельных элементов flex-grow и flex-shrink 13 мая в 15:09
  • на скриншоте видно, что вы не масштаб меняете, а размер вьюпорта. При изменении именно масштаба все элементы сайта "сжимаются"
    – ZxNuClear
    13 мая в 15:32

1 ответ 1

0

у вас указаны четкие размеры блоков, по крайней мере в хедере один я нашел 1220px. установите размеры блокам в %.добавьте к body высоту и ширину 100%

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

9
  • 1
    совет, а не конкретное решение, как в вашем случае, вполне достаточно оставлять в виде комментария, а не в виде полноценного ответа
    – ZxNuClear
    13 мая в 15:28
  • @ZxNuClear я видимо больше разобрался в вопросе чем вы. И это не коментарий, а ответ на данную проблему. Прежде чем минусики ставить наверное стоит разобраться. Я четко указал на проблему, а именно не маштабируемая ширина блоков...
    – Maneken
    13 мая в 15:40
  • видимо вы не до конца разобрались. Откройте страницу, откройте панель разработчика, добавьте в стилях к body высоту и ширину в 100%, как вы советуете и для блока container (а не хедер, как вы пишите, ведь именно там указан размер в 1220px) установите 100% ширину, опять же, как вы советуете и посмотрите, даст ли это нужного результата? Вы удивитесь. К тому же, на скриншоте автор не "меняет масштаб", он открыл Эмуляцию устройства и там меняет размер вьюпорта и из-за отсутствия адаптивности он получает то, что получает
    – ZxNuClear
    13 мая в 15:52
  • @ZxNuClear именно так я и сделал, прежде чем писать свой ответ. И как я написал не у хедера ширина, а у блока, который в хедере...
    – Maneken
    13 мая в 15:54
  • 1
    Давайте не будем спорить, просто на других моих сайтах у меня фиксированная ширина, и там все нормально масштабируется, а именно на этом сайте эти проблемы 13 мая в 16:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.