Браузер обрезает сайт
Добрый день подскажите как убрать обрез моего сайта. Использую хром. Слышал про 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;
}