Первоначально я наткнулся на этот вопрос, спросив то же самое, затем я нашел решение (для моего конкретного случая), которым я поделился. (Примечание: мой сайт выровнен по левому краю в Safari на моем iPhone.)
Я разделил свой сайт на разделы, некоторые из которых были настроены на минимальную ширину: 1140 пикселей, а другие на 960 пикселей. Если для левого и правого полей установлено значение «Авто», все элементы отображаются в центре всех настольных браузеров, как и должно быть.
Однако те секции, которые были уже, были выровнены по левому краю на мобильном устройстве, поэтому я просто обернул их в div с шириной: 100%, min-width: 1140px (или ваш самый широкий раздел), margin: 0 auto; и все выровнено нормально на мобильном телефоне:)