Я включаю функцию перетаскивания для изменения размера на устройствах с сенсорным экраном, в браузере Chrome работает нормально. При прикосновении к элементу (панели изменения размера) будет отображаться наложение с шириной ширины окна, а затем перетаскивание влево или вправо для изменения размера вкладок за ними. Но в интернет-браузере Samsung, когда наложение отображается, оно будет переполнено, уменьшится и покажет большую часть белого фрагмента. Кто-нибудь сталкивался с этим или знает, как это можно решить?
CSS горизонтальной панели изменения размера и наложения
.resize_bar {
height: 5px;
width: 100%;
touch-action: none;
cursor: n-resize;
position: absolute;
}
.overlay {
width: 100%;
height: 100%;
position: absolute;
}
Когда я отключил настройки масштабирования в браузере Samsung, он работает нормально, ноЖелательно не отключать его, поскольку для просмотра веб-страницы рабочего стола на мобильных устройствах иногда требуется увеличение / уменьшение масштаба для лучшего обзора. Моя сторона html кода, тело имеет style="overflow:hidden"
.