Как можно проверить макет сайта на то, как он будет выглядеть на экранах с разными разрешениями?

Question

[Olga_liss]

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

Comments

[Алексей Дубровин]

Ну сделать макет для других разрешений )

[Талян]

Не знаком с фигмой, но разве это вот не подходит?
F12.

[Olga_liss]

Талян, нет, не подходит, это для просмотра страницы сайта. А я говорю о просмотре макета до html-верстки.

[Ankhena]

Olga_liss, в фигме есть режим present.

И всегда есть дурацкий способ: сохраняете как картинку, вставляете в страницу, задаете размер (как был или в %, если хотите смотреть как будет изменяться без перестроений, просто резинкой(ну почти))

[Антон Литвиненко]

я может тупой но я увидел в вопросе что-то типа: вот есть фотография сайта на мониторе большом, как посмотреть по ней, как будет выглядеть сайт на мобилке

Answer 1

[Павел Лурье]

Никак. Макет не будет респонзится через F12. Только делать несколько экранов и смотреть в прототипе, выбирая нужный девайс в настройках. Только html страница имеет брейкпоинты, а картинка их иметь не может. Брейкпоинты должен должен сделать дизайнер исходя из задач заказчика. Да, брейкпоинт - это точка в которой меняется дизайн страницы в зависимости от разрешения экрана.