Размер сайта в браузере и фотошопе

Доброго времени суток, коллеги! Я front-end разработчик с приличным опытом, всегда тупо верстал psd-макеты, не вникая в работу дизайнера. Внезапно, мне пришлось углубиться в это направление и теперь я в полном недоумении.

Цель: фиксированная страница шириной 1280px
Сделал: пробный макет psd шириной 1280px, а затем верстку этого макета.
Получил: web-страницу в браузере шириной 1500+px и полное непонимание того, зачем браузер растягивает пиксели.
В итоге, страница не чётко помещается в экран шириной 1280px, как должно быть по psd-макету, а прокручивается горизонтальным скроллом на 300-350px.

После этого решил продолжить экспериментировать, взял обычную картинку размером 75x65, открыл её с помощью браузера и увидел изображение 96x83 (проверял с помощью mySize и lightshot-ом). Причём сам браузер, если посмотреть через dev-панель (f12), отображает размер 75x65.

Вопросы:
- откуда берётся несоответствие действительных размеров и размеров, отображаемых браузерами?
- как получить гарантию, что сайт в браузере будет точно такого же размера, как на макете psd 1:1? (в моём примере ширина на макете 1280px, а в браузере 1500+)


P.S. Масштаб и браузере, и в фотошопе - 100%, не предлагайте проверить .)

Заранее благодарю вас за помощь.

0

Я не знаю как вы проверяете, или что у вас за настройки/расширения стоят, специально скачал и mySize и lightshot, у меня что в одной, что в другой программе, что в браузере размеры совпадают. Единственно в программах на 1-2 пикселя больше, но тут можно списать на точность позиционирования.

0