Пытаюсь верстать по макету с монитором 5:4, но ничего не выходит, почему?

Question

[Denisneedyourhelp]

Пытаюсь верстать по макету с монитором 5:4. Всё пиксель в пиксель, но на мониторе совсем другая картинка. Невооруженным глазом видно что всё сдвигается в бок либо просто гигантских размеров. Это можно как то исправить?
*думаю проблема в мониторе*

Comments

[Егор Антропов]

Хотябы скрин киньте. Лучше код

[Алекс Глебов]

У страницы есть контентная часть, которая фиксирована и центруется по центру. Около 1100px шириной обычно. А остальное фон, который тянется до края монитора.
Посмотри на примере тостера. Если уменьшать масштаб в браузере это хорошо видно.
Т.е на мониторе 5:4 контент такой же как и на fullhd

[Алекс Глебов]

вот эта часть в твоем макете (в шапке чуть шире, а так обычно одинаковую делают)

[Lynn «Кофеман»]

Проблема точно не в мониторе

Answer 1

[Сергей Бурдужа]

На самом деле, мы же не экстрасенсы, гадать, что у вас там.
Скрин или код в студию.

Comments

[Denisneedyourhelp]

https://jsfiddle.net/d9s1kzbn/


Всё должно выглядеть как на макете

[Сергей Бурдужа]

Denisneedyourhelp, в макете ширина 1920px, а у вас у монитора какое?

Вы можете через f12 вызвать отладчик и там есть опция для отладки на мобильных устройствах


Процент выставляете по-меньше и задаете ширину в 1920px.

Я пока не купил монитор 1920px так и верстал.
У меня был монитор 1024px x 1280px

[Denisneedyourhelp]

Сергей Бурдужа, Вроде бы ничего не изменилось, я точно всё правильно сделал?

И ещё у меня нету процентов

[Сергей Бурдужа]

Denisneedyourhelp, а это увас firefox? Просто я тут не вижу проценты.

[Сергей Бурдужа]

и еще я не видел ваш код, но, вы задайте контейнеру, который центрирует контент border или outline, чтобы увидеть границу.

[Сергей Бурдужа]

Просто я работаю всегда в хроме, вот иконка, которая вызывает отображения мобильной версии сайта.

[Denisneedyourhelp]

Сергей Бурдужа,
Это вы имели ввиду?
У меня просто нету никаких других блоков, а надпись - это img

[Сергей Бурдужа]

Denisneedyourhelp, f12 нажимайте или правой кнопкой мыши и выбирайте исследовать элемент или посмотреть код. А еще есть комбинация ctrl+shift+i

[Denisneedyourhelp]

Denisneedyourhelp, Сергей Бурдужа, Блин, я туплю) У меня уже появились полоски внизу экрана)))) Но как сделать так чтобы поле было размером с один экран, а не с два?

[Сергей Бурдужа]

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

[Denisneedyourhelp]

Сергей Бурдужа, Окей, спасибо большое)))

[Сергей Бурдужа]

Denisneedyourhelp, пожалуйста, только не забудьте выбрать ответ как решенным))

Answer 2

[I'm Yoda]

Возможно потому, что у вас стоит 144 DPI например. Поставьте 72 DPI. Обычно из-за этого не стыковка происходит.

Comments

[Denisneedyourhelp]

Можете прописать путь к этому окну? Я не могу его найти

[Сергей Бурдужа]

DPI для веба не имеет значение. Вы можете поставить хоть 1000. Это для препресса, то есть, печати.