Браузер обрезает сайт

Добрый день подскажите как убрать обрез моего сайта. Использую хром. Слышал про viewport. <meta name="viewport" content="width=device-width, initial-scale=1.0"> но на маке все-равно обрезает Хотя на виндовс в хроме все окПример с мака

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>LTCEXCHANGE_BOT</title>
    <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='index.css') }}">
</head>
<body>
    <table>
        <tr>
                <th>Дата</th>
                <th>Номер</th>
                <th>User</th>
                <th>Відправив</th>
                <th>Отримує</th>
                <th>Пошта</th>
                <th>Номер телефона</th>
                <th>Гаманець відправника</th>
                <th>Гаманець отримувача</th>
        </tr>
        {% for i in data.users %}
            <tr>
                <td>{{ i.accepted_time }}</td>
                <td>{{ i.accepted_zayavka }}</td>
                <td>{{ i.first_name }}</td>
                <td>{{ i.accepted_ltc }}</td>
                <td>{{ i.accepted_usdt }}</td>
                <td>{{ i.accepted_email }}</td>
                <td>{{ i.accepted_number }}</td>
                <td>{{ i.accepted_wallet }}</td>
                <td>{{ i.accepted_wallet1 }}</td>  
            </tr>
        {% endfor %}
    </table>
</body>
</html>

CSS:

table {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    text-align: center;
    border-collapse: collapse;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

th, td:first-child {
    font-weight: bold;
    background-color: #f00a34;
    padding: 15px 35px;
    color: #fff;
    
}

td {
    background-color: #f5a4b3;
}

td, th {
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;

}

Ответы (0 шт):