@media only screen and (max-width: 480px) {}
480 как я понял определение размера экрана вместе с полосой прокрутки?
________
посл. ред. 29.07.2019 в 10:21; всего 1 раз(а); by SNEG

Верно

Если я к примеру укажу @media only screen and (max-width: 768px) {}

Чтобы сделать контент по центру и не попадать за скроллбар на планшете,
я уже должен буду от 768 отнимать margin-right и margin-left ?
@media only screen and (max-width: 768px) {
.class {
margin-right: ???px;
margin-left: ???px;
}
}

Или этот варик лучше будет?
@media only screen and (max-width: 768px) {
.class {
widht:730px;
margin:0 auto;
}
}
________
посл. ред. 29.07.2019 в 10:40; всего 1 раз(а); by SNEG

Зачем что-то отнимать?
Выровнять по центру:
margin: 0 auto;

Я ширину должен расчитать примерно отступил по 20 px ?
Если 768 размер экрана, то width 720 , чтобы не выходило за скролл бар?
________
посл. ред. 29.07.2019 в 10:50; всего 1 раз(а); by SNEG

body {
width: 768px;
box-sizing: border-box;
overflow-x: hidden; /* Не обязательно */
marign: 0 auto;
}
________
посл. ред. 29.07.2019 в 11:02; всего 1 раз(а); by mrcatoff

есть же calc(тут математическую) или как удобно