Разрешение монитора, работа в css и psd, как исправить мое непонимание?

Question

[Cyberial Syntwaiser]

Доброго дня, самостоятельно изучаю css и html, взялся за верстку макета...
Дело в том что макет который я взял, идет шириной 1920, и в том случае если я все делаю под копирку из макета *отступы и т.д* то выглядит на ноутбуке с разрешением 1366 вовсе не так! Еще и появляется вертикальный скролл. Но вот в режиме разработчика при разрешении 1920*1080 разрешении все выглядит как нужно! Тогда что с этим делать? Делать медиа запросы и под разрешении ноутбука, и для девайсов?
Может и вопрос банальный и очень простой, но что-то я не могу понять этих тонкостей, и кажется что при изучении css я что то пропустил. Спасибо понимающим :)

Comments

[shmatuan]

шириной 1920,
разрешении 1920*1080 разрешении все выглядит как нужно!

В чём вообще вопрос?
Там и там считается в пикселях

[shmatuan]

Попробуй поискать в meta name="viewport" параметры, что бы масштабировалось всегда

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>

[shmatuan]

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

Да, в этом и смысл мелиа запросов)

[Cyberial Syntwaiser]

shmatuan,
Первый это что я вижу в окне браузера* что верстаю, а вторая фотка как должно быть...
Я так понимаю должно быть 100vh по макету, не прикольно когда шапка одностраничника скролится

[Cyberial Syntwaiser]

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

Answer 1

[Just A Bit]

Ваш вопрос продуцирует довольно большой ответ. Это просто надо понять как рабоатет.
Почитайте статьи:
https://geekbrains.ru/posts/how_to_work_frontend
https://flagstudio.ru/blog/4-stepeni-adaptivnosti-...

Надеюсь это вам поможет понять основы. Если останутся вопросы, пишите!

Comments

[Cyberial Syntwaiser]

Спасибо большое! Почитаю обязательно прям сейчас :)

[Cyberial Syntwaiser]

Сижу читаю свои старые вопросы (случайно попал ностальгия), уже на очень другом уровне :)
Спасибо вам за вклад в мое развитие !

Answer 2

[lazarev_s_a]

Большинство бесплатных psd макетов идут в большом разрешении, как сайт должен выглядеть на остальных зависит только от Вашей фантазии. То как это будет реализовано, медиа запросами, флексами, Ваш выбор.

Comments

[Cyberial Syntwaiser]

Сижу читаю свои старые вопросы (случайно попал ностальгия), уже на очень другом уровне :)
Спасибо вам за вклад в мое развитие !