хорошо ли добавлять заполнение в контейнер-жидкость, чтобы убедиться, что каждое устройство имеет одинаковое пространство слева и справа

Question

Я создал одну страницу позже и узнал, что эта страница не отвечает.

Теперь я воссоздаю страницу и сомневаюсь, использовать ли
контейнер или container-liquid Я читал некоторые блоги, используя контейнер
жидкость будет хорошей, поэтому я использую контейнерную жидкость.

Но я не получаю места слева и справа, поэтому могу ли я использовать padding
: 80 PX с обеих сторон, это повлияет на любые другие устройства
(ноутбук, планшет), мобильный телефон)?

Answer 1

контейнер-флюид означает ширину: 100% для всех устройств.

Но, добавив padding 80px с обеих сторон, сайт будет хорошо смотреться на настольном компьютере, ноутбуке или, возможно, натаблетка.

Но на небольших устройствах вы будете тратить 80 + 80px пространство с обеих сторон.

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

Решение для этогоэто удалить заполнение 80px на небольших устройствах, используя медиа-запросы, или вы можете использовать container вместо fluid, где этот интервал автоматически обрабатывается

, например

    .container-padding{
     padding-left:80px;
     padding-right:80px;
    }

    @media(max-width:767px){ /*for mobile phone */
     .container-padding{
      padding:15px;/*little padding to your content so that it doesnt stick to the sides*/
     }
    }