У меня есть веб-сайт, который использует метки и ползунки ввода диапазона. В Chrome версии 81.0.4044.122 (Официальная сборка) Ползунки находятся там, где они должны быть. На другой машине, использующей ту же версию Chrome, они оказываются в верхнем левом углу экрана. В обоих случаях это Windows X. Темы Chrome не используются ни на одном из двух компьютеров. Любая идея, что может вызвать различные потоки на двух машинах, работающих под управлением одной и той же версии одного и того же браузера?
спасибо!
Брайан
<style>
.slidecontainer {
width: 50%; /* Width of the outside container */
display: inline;
}
/* The slider itself */
.slider {
width: 30%; /* Full-width */
height: 25px; /* Specified height */
display: inline;
}
.sliderLabel {
width: 10%;
display: inline-block;
}
.sliderValue {
width: 10%;
display: inline-block;
}
.betaAnnotationLabel {
width:50%;
display: inline-block;
}
</style>
<div>
<p>
<label class = "sliderLabel" for="beta_slider"> beta </label>
<input class = "slider" id="beta_slider" type="range" min="0" max="100" value="80" oninput="drawSIR()" onchange="drawSIR()">
<label id='beta_value' >0.8</label>
<label id='beta_annotation'></label>
<br/>
<label class = "sliderLabel" for='gamma_slider'> gamma </label>
<input class = "slider" id="gamma_slider" type="range" min="0" max="100" value="14" oninput="drawSIR()" onchange="drawSIR()" >
<label id='gamma_value'>0.07</label>
<label id='gamma_annotation'></label>
</p>
</div>