вертикальную линию (div с таким кодом:
body > .hr {
height: 1797px;
width: 1px;
position: absolute;
left: calc(50% - 1797px / 2 + 1034.03px);
top: -362px;
background: #808080;
// border-left: 1px solid #000;
// z-index: 2;
}
)
можно было увидеть на всех экранах? У меня на 1-м экране(размере экрана) эта линия видна. На другом - пропадает(
мне кажется, что вся проблема в этих магических цифрах left: calc(50% - 1797px / 2 + 1034.03px);
Попробуй линии толщину 2 пикселя указать или 5. На больших экранах бывает тонкие линии попадают как бы между пикселей самого экрана, и линия как бы есть, но на экране не видно, это если количество точек на дюйм маленькое, бывает такое, особенно если позиционтрование с использованим процентов каких нибудь
Сделал width 5px, а border-right: 1px. В итоге линия тонкая, но не пропадает. Спасибо, чел
Только ты учитывай что на другом экране эта линия будет видна полностью, можешь поиграть размером окна браузера, посмотреть как при других разрешениях она показывается
Обсуждают сегодня