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

Question

[Ratibor]

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



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

spoiler

а вот так примерно при таком же разрешении в 1280 на планшете:

spoiler

Как сделать чтобы вид на планшете был как вид на компе с полями, при одинаковых разрешениях например 1280?

Comments

[VegasChickiChicki]

Прочитал ,ничего не понял. Прочитал второй раз ,второй раз тоже ничего не понял...

[Ratibor]

VegasChickiChicki, блин как объяснить то(

[Lord_Dantes]

Вы хотите чтобы ваш сайт везде показывался одинаково?

Answer 1

[MasterMike]

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

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

Как пример вам нужно добавить следующий блок кода:

@media screen and (max-width: 1280px) {
    .wrap {
        margin: 0;
    }
}

Comments

[Ratibor]

да нет не много не так но все равно спасибо за помощь! решил проблему правильным написанием вьюпорта