@buzzloud
very beginner developer

Правильный viewport для не адаптивного сайта?

Привет всем, подскажите, плз, такой вопрос: делаю страничку не адаптивную. На маленьких экранах контент должен уменьшаться (текст, картинки, графические элементы). Именно уменьшаться, а не перестраиваться и тому подобное. Как пример тут ru.gen.tech - ничего не адаптируется, а просто сжимается и уменьшается на мал экранах. В моем случае страничка уменьшается, но блоки "ломаются" и перестраиваются друг под друга. Точно также и с большими графическими элементами - ведут себя как им вздумается.
Вопрос в том как настроить viewport так чтобы страничка просто уменьшалась по размеру пропорционально экрану, но контент оставался на своих местах?
  • Вопрос задан
  • 723 просмотра
Пригласить эксперта
Ответы на вопрос 2
@metaf
1) Вообще не указывать viewport
2) Захардкодить минимальную ширину сайта в viewport, например <meta name="viewport" content="width=1200">
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
ruseller.com/lessons.php?rub=2&id=1560

Задаете основному блоку сайта min-width - та ширина, меньше которой все ломается (это в любом случае надо делать, потому что криво на десктопе).
Её же пишете в viewport.
Или ничего не пишете, современные браузеры вполне вменяемые на этот счет.

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

Нет, они ведут себя так, как вы им написали :)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы