Адаптивный дизайн работает неправильно на мобильном устройстве

Question

Вот ссылка http://testmvs.zzz.com.ua/, это мой тестовый домен. Я написал эту веб-страницу, сделал ее адаптивной самостоятельно (без каких-либо фреймворков), в браузере это выглядит мне нужно, но когда я смотрю эту веб-страницу на своем iphone, это выглядит неправильно Я написал meta name = "viewport" content = "width = device-width, initial-scale = 1", почему он выглядит по-разному для настольной версии?

Answer 1

Некоторые из ваших контейнеров имеют margin-right или padding-right, поэтому существует такая уродливая белая вертикальная полоса.

Попробуйте использовать bootstrap для вашего проекта. Это простая структура и работает отлично.

Вы можете использовать @media, чтобы сделать ваш сайт лучше. (http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)