Блог

Главная - Вопросы по программированию - Как исправить перекрытие границ, когда Windows имеет 150% — ный скол

Как исправить перекрытие границ, когда Windows имеет 150% — ный скол

#html #css

Вопрос:

Когда окна масштабируются на 100%, ширина/толщина границы имеет одинаковый размер, в то время как при масштабировании на 150% граница имеет разную ширину/толщину в зависимости от масштаба браузера.

Вот HTML-код.

 <table>
    <thead>
        <td>Name</td>
        <td>Age</td>
    </thead>
    <tbody>
        <tr>
            <td>Irvan</td>
            <td>21 Years Old</td>
        </tr>
        <tr>
            <td>Riza</td>
            <td>21 Years Old</td>
        </tr>
    </tbody>
</table>

И, например, я использую этот css-код.

 table {
    border-collapse: collapse;
}
table td {
    border: 1px solid #ddd;
}

Вот результат, который я вижу

Просмотрев несколько вопросов и ответов, я не нахожу подходящего решения для этой проблемы, например, с помощью.

 border-collapse: separate;
border-spacing: 0px;

Я также пробовал использовать border: 0.1px solid #ddd , но граница в конце выглядит слишком тонкой, но при той же ширине/тиканье в любом % увеличения.

Как следует из подробной информации по этой ссылке, это проблемы с блокировкой браузера.

silvawebdesigns.com/how-to-fix-windows-scaling-issues-above-100-for-your-website

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

записка

Windows 10 Professional (21 Ч 1 сборка 19043.1165) Масштаб : 150% (рекомендуется) Разрешение : 1920 x 1080 (рекомендуется)

Спасибо

Метки: ,