Zoom браузера и высота элементов

@Зверушь · Регистрация: 01.05.2010

Студворк — интернет-сервис помощи студентам

Всем привет. Появилась проблема с высотой элемента при использовании зума браузера в хроме.
Есть див, представляющий собой линию. Его высота 2 пикселя, что явно задано через css. Но если я использую зум, то высота немного меняется и равна 1,997 px. При отображении дива это значение почему-то округляется в меньшую сторону и в итоге див становится равным одному пикселю. Все бы ничего, но у меня два ряда таких дивов. И глюк получается только в нижнем ряду. Выглядит некрасиво... Как это исправить?

@Al_lord · 16.08.2017, 11:33

Интересно, но жаль что в скриншоте мало чего видно,вотесли бы весь код увидеть....
И возникает вопрос, зачем вообще зуммировать браузер?

@Зверушь · 16.08.2017, 11:42 **[ТС]**

Вот относящийся код к данному диву:

CSS
1
2
3
4
5
6
7
8
9
10
11
.slider-line {
    position: relative;
    height: 2px;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    background-color: #d0eff6;
}
.w-slider.not_used .slider-line {
    background-color: #caccce;
}

Если нужно что-то еще, говорите - выложу.
Кстати, для верхнего ряда высота тоже пересчитана на 1,997 пикселей, но отображается нормально...

Сообщение от Al_lord

И возникает вопрос, зачем вообще зуммировать браузер?

Вопрос неуместен

У каждого посетителя могут быть свои причины. Кто-то слепой, кому-то так удобней, а кто-то просто ламер и зуммировал случайно и не может вернуть обратно, тысячи их

@Al_lord · 16.08.2017, 12:24

К стате я тоже сталкивался с таким, но тут скорее всего нужно смотреть на алгоритм зуммирования, чтобы получить ответ почему 1.9px когда жеско установлено 2px
Но и выпоимите, что чтоб зуммировать сайта должно зуммироваться все.
Тут нету ошибки и я понял как это исправить но вам ненужно исправлять
Смотрите 100% это 2 px . 90% = 2*0.9 = 1.8 если при зуме в 90% вы хотите отобразить 2px то придется дать высоту в примерно 2.3 px тогда зум в 90% даст вам желаемые 2px.

@Зверушь · 16.08.2017, 14:31 **[ТС]**

Это гениально!

Задал 2,3 px. Теперь норм отображается. Спасибо)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@Зверушь 461 / 369 / 94 Регистрация: 01.05.2010 Сообщений: 1,761

	Zoom браузера и высота элементов 16.08.2017, 11:20. Показов 2123. Ответов 4 Метки нет (Все метки) Всем привет. Появилась проблема с высотой элемента при использовании зума браузера в хроме. Есть див, представляющий собой линию. Его высота 2 пикселя, что явно задано через css. Но если я использую зум, то высота немного меняется и равна 1,997 px. При отображении дива это значение почему-то округляется в меньшую сторону и в итоге див становится равным одному пикселю. Все бы ничего, но у меня два ряда таких дивов. И глюк получается только в нижнем ряду. Выглядит некрасиво... Как это исправить? Миниатюры 0

@Al_lord 39 / 39 / 26 Регистрация: 11.01.2014 Сообщений: 343
	16.08.2017, 11:33
	Интересно, но жаль что в скриншоте мало чего видно,вотесли бы весь код увидеть.... И возникает вопрос, зачем вообще зуммировать браузер? 0

@Al_lord 39 / 39 / 26 Регистрация: 11.01.2014 Сообщений: 343
	16.08.2017, 12:24
	Сообщение было отмечено Зверушь как решение Решение К стате я тоже сталкивался с таким, но тут скорее всего нужно смотреть на алгоритм зуммирования, чтобы получить ответ почему 1.9px когда жеско установлено 2px Но и выпоимите, что чтоб зуммировать сайта должно зуммироваться все. Тут нету ошибки и я понял как это исправить но вам ненужно исправлять Смотрите 100% это 2 px . 90% = 2*0.9 = 1.8 если при зуме в 90% вы хотите отобразить 2px то придется дать высоту в примерно 2.3 px тогда зум в 90% даст вам желаемые 2px. 1

@Зверушь 461 / 369 / 94 Регистрация: 01.05.2010 Сообщений: 1,761
	16.08.2017, 14:31 [ТС]
	Это гениально! Задал 2,3 px. Теперь норм отображается. Спасибо) 0

Zoom браузера и высота элементов

Решение