История изменений

В общем, вы были правы. Во-первых, телефон нормально хватает стили для max-width 768px. Во-вторых, указание meta viewport сходу делает сайт читаемым на телефоне. Проблема решена.

Для будущих поколений:

@media screen and (min-width:769px){
стили для десктопа
}

@media screen and (max-width:768px){
стили для телефона
}

<meta name="viewport" content="initial-scale=1">

В общем, вы были правы. Во-первых, телефон нормально хватает стили для max-widht 768px. Во-вторых, указание meta viewport сходу делает сайт читаемым на телефоне. Проблема решена.

Для будущих поколений:

@media screen and (min-width:769px){
стили для десктопа
}

@media screen and (max-width:768px){
стили для телефона
}

<meta name="viewport" content="initial-scale=1">

В общем, вы были правы. Во-первых, телефон нормально хватает стили для max-widht 768px. Во-вторых, указание meta viewport сходу позволяет делает сайт читаемым на телефоне. Проблема решена.

Для будущих поколений:

@media screen and (min-width:769px){
стили для десктопа
}

@media screen and (max-width:768px){
стили для телефона
}

<meta name="viewport" content="initial-scale=1">

В общем, вы были правы. Во-первых, телефон нормально хватает стили для max-widht 768px. Во-вторых, указание meta viewport сходу позволяет делает сайт читаемым на телефоне. Проблема решена.

Для будущих поколений:

@media screen and (min-width:769px){ стили для десктопа }

@media screen and (max-width:768px){ стили для телефона }

<meta name=«viewport» content=«initial-scale=1»>

В общем, вы были правы. Во-первых, телефон нормально хватает стили для max-widht 768px. Во-вторых, указание meta viewport сходу позволяет делает сайт читаемым на телефоне. Проблема решена.

Для будущих поколений: @media screen and (min-width:769px){ стили для десктопа }

@media screen and (max-width:768px){ стили для телефона }

<meta name=«viewport» content=«initial-scale=1»>