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. Теперь норм отображается. Спасибо)

Новые блоги и статьи Все статьи Все блоги /
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI

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

	Zoom браузера и высота элементов 16.08.2017, 11:20. Показов 2164. Ответов 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 браузера и высота элементов

Решение