RatiboR1978
@RatiboR1978

Как масштабировать сайт на мобильном устройстве?

Доброе время суток! Попалось мне такая задачка, есть сайт вот пример кода



так вот когда на страничку смотришь с компа при расширении в 1280px, то при wrap с шириной 1000px у него есть поля по краям, но вот если этот сайт открыть на планшете с разрешением 1280px, сразу скажу viewport не задан, то этих полей нет и сайт масштабируется от контейнера.
Вот так с полями на компе:
spoiler
5c91c27bd3435622537786.png


а вот так примерно при таком же разрешении в 1280 на планшете:
spoiler
5c91c2a8505f0443538938.png


Как сделать чтобы вид на планшете был как вид на компе с полями, при одинаковых разрешениях например 1280?
  • Вопрос задан
  • 174 просмотра
Пригласить эксперта
Ответы на вопрос 1
@MasterMike
Я так понимаю, вы хотите на компьютере расположить сайт по центру экрана, а на мобильной версии - от края (насколько это, конечно, можно было понять из описания вашей проблемы).

Расположение по центру создает margin: 0 auto, вам нужно отключить auto через медиа-запросы для планшетов.

Как пример вам нужно добавить следующий блок кода:
@media screen and (max-width: 1280px) {
    .wrap {
        margin: 0;
    }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
06 апр. 2020, в 14:44
5000 руб./за проект
06 апр. 2020, в 14:14
10000 руб./за проект
06 апр. 2020, в 14:11
500 руб./в час