Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
1 / 1 / 0
Регистрация: 03.03.2019
Сообщений: 233
1

При изменении масштаба слайдер улетает вниз [невидимый margin]

29.12.2020, 13:48. Просмотров 218. Ответов 1
Метки нет (Все метки)

Здраствутйе, если изменять масштаб страницы слайдер улетает вниз, хотя margin и pading равны 0.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="scss.css" rel="stylesheet" type="text/css">
<link href="scss.scss" rel="stylesheet" type="text/css">
</head>
<body>
    
    <div class="Container">
<input id="slider" type='range'/>
    </div>
    
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
.Container {
    margin: 0;
    padding: 0;
        
  width: 35vmin;
  height: 4vmin;
  background: green; }
 
#slider {
    margin: 0;
    padding: 0;
        
    appearance: none;
    width: 100%;
    height: 1vmin;
    border-radius: 1vmin;
    background: red;
    outline: none;
   
}
#slider::-webkit-slider-thumb {
    margin: 0;
    padding: 0;
    
    appearance: none;
    width: 2vmin;
    height: 2vmin;
    border-radius: 50%;
    background: black;
    cursor: pointer;
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.12.2020, 13:48
Ответы с готовыми решениями:

Улетает ячейка при смене масштаба страницы
Добрый день. Подскажите, пожалуйста. Где необходимо подправить, что бы 2-ая и предпоследняя...

При попытках создать форму регистрации, она улетает вниз
Доброго времени суток. Если поднять ее с помощью margin-bottom, то на других разрешениях все...

Артефакты при изменении масштаба
Здравствуйте! Возникла такая проблема. При изменении масштаба в хроме (зажать Ctrl и крутить...

Центровка сайта при изменении масштаба
Добрый день! пробую верстать сайт и хочу чтоб при изменении масштаба (Ctrl+Scroll) страничка сайта...

__________________
1
1 / 1 / 0
Регистрация: 03.03.2019
Сообщений: 233
29.12.2020, 13:49  [ТС] 2
Изменение масштаба от 25% к 500%.
Верстка резиновая
0
Изображения
 
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
29.12.2020, 13:49

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Сохранение масштаба при изменении размера
Добрый день. Имеется JPanel и коллекция точек Point2D. Координаты точек задаются относительно...

Отображение сайта при изменении масштаба в браузере
Сорри за новую тему, но есть странный вопрос. Я новичок в веб-разработке, гуглил, но так и не нашел...

Появление полосы прокрутки при изменении масштаба
Можно ли сделать появление полосы прокрутки при изменении масштаба? Просто у меня полоса прокрутки...

При изменении масштаба (dpi) разбегаются метки
Настройка меток одинаковая, выставлял при масштабе экрана раб стола 100%,при 125 метки начинают...

Некорректные позиции элементов при изменении масштаба
Добрый день. Недавно начал веб-программирование учить. Такая проблема. Как сделать чтобы элементы...

При переключении по вкладкам форма автоматически "улетает" вправо вниз
Как сделать чтобы форма открывалась в левом верхнем углу? QBBmiUMszCk


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.