Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/21: Рейтинг темы: голосов - 21, средняя оценка - 4.57
0 / 0 / 0
Регистрация: 03.04.2015
Сообщений: 2

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

19.07.2017, 02:05. Показов 4115. Ответов 1

Студворк — интернет-сервис помощи студентам
Доброго времени суток, коллеги! Я 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
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.07.2017, 02:05
Ответы с готовыми решениями:

Разные значения высоты в фотошопе и в браузере
Привет! Давно пытаюсь понять почему высота в фотошопе и высота в браузере абсолютно разные вещи??? Ставлю отступ вниз от картинки 100...

Не совпадают пиксели в фотошопе и браузере. Как сделать что бы размеры совпадали?
Не совпадают пиксели в фотошопе и браузере. В чем может быть проблема?

Заголовок в шапке сайта: прописать в коде или создать рисунок в Фотошопе. Как воспримут поисковики?
С точки зрения продвижения, заголовок в шапке сайта H1 должен быть именно текстовым и прописан в коде. Если нарисовать в Фотошопе красивый...

1
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,091
19.07.2017, 10:26
Я не знаю как вы проверяете, или что у вас за настройки/расширения стоят, специально скачал и mySize и lightshot, у меня что в одной, что в другой программе, что в браузере размеры совпадают. Единственно в программах на 1-2 пикселя больше, но тут можно списать на точность позиционирования.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.07.2017, 10:26
Помогаю со студенческими работами здесь

Размер шрифта в браузере
Как известно, можно изменять "размер" страницы внутри браузера с помощью Ctrl+ и Ctrl-. Можно ли как-то сделать по сути тоже самое,...

Как задать размер горизонтальному меню,чтобы оно отображалось в браузере одинаково?
Есть меню горизонтально,сделал его через абсолютное позиционирование,в хроме норм отображается с размером монитора 1376 на 768.Открываю...

Настройка кодировки сайта в браузере
Здравствуйте, знаю что было куча тем про кодировку, но тут я незнаю что делать, все перепробовал Сайт в хроме отображался нормально, а в...

Отображение сайта в стандартном браузере Андроида
Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что...

Некорректное отображение сайта в браузере Firefox
Некоторые изображения не отображаются в Firefox. Это может быть, каким-то образом, связано с SLL сертификатом? Сам сайт: del


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
Фото: Daniel Greenwood
kumehtar 13.11.2025
Расскажи мне о Мире, бродяга
kumehtar 12.11.2025
— Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .
PowerShell Snippets
iNNOKENTIY21 11.11.2025
Модуль PowerShell 5. 1+ : Snippets. psm1 У меня модуль расположен в пользовательской папке модулей, по умолчанию: \Documents\WindowsPowerShell\Modules\Snippets\ А в самом низу файла-профиля. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru