Мои элементы перекрываются при уменьшении размера окна

Question

У меня есть эти ящики, которые всплывают, и это прекрасно, когда размер экрана уменьшается, они начинают перекрывать друг друга. Я хотел бы сохранить постоянное расстояние между ящиками и стоп-текстом от выбегания окна, это возможно? , ,

Answer 1

Для предотвращения дублирования необходимо использовать свойство CSS min-width.

Например,

#abc, .abc{ 
    min-width:800px; 
    } 

Минимальная ширина свойство позволяет авторам ограничить ширину контента определенного диапазона.

SOURCE

Вышеприведенный пример делает то, что если окно, например, достигает минимальной ширины 800px, она дает горизонтальную полосу прокрутки в нижней части, которая соответствует содержание в минимальном диапазоне 800px.

Надеюсь, это поможет.

PS: #abc, .abc - это фиктивное имя для идентификатора или класса div, для которого вам необходимо установить минимальную ширину, чтобы предотвратить совпадение. Вы можете заменить это своим id или классом. Аналогично 800px - это иллюстративное значение, которое вы можете заменить необходимой шириной окна.