Отзывчивое выравнивание шаблона

Question

Я разрабатываю веб-сайт, загружая некоторые шаблоны из сети. Я изменил некоторую ширину и высоту в соответствии с нашим требованием, выход прекрасен на ПК, но когда я проверяю его на мобильном устройстве, содержимое переполняется на фоне.

Пожалуйста, помогите с решением проблемы.

Заранее спасибо.

Answer 1

Вам необходимо рассмотреть ниже размеры, тогда вы должны писать соответственно на каждом экране мультимедиа, используя запросы @media.

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
/* Styles */ 
} 

/* Smartphones (landscape) ----------- */ 
@media only screen 
and (min-width : 321px) { 
/* Styles */ 
} 

/* Smartphones (portrait) ----------- */ 
@media only screen 
and (max-width : 320px) { 
/* Styles */ 
} 

/* iPads (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
/* Styles */ 
}