Задать масштаб для мобильных браузеров?

Question

[VelTemLo]

Я не понимаю, мне нужно выбить другой масштаб для сайта ЕСЛИ он открыва с мобильного у.
Чем это регулируется? Какой параметр есть чтобы я выдал масштаб для, и он выходил ИМЕННО с мобильных у., НЕ затрагивая основную version/

Comments

[Kentavr16]

а почему не медиазапросы и стили? Именно масштаб? просто интересно.

[VelTemLo]

Kentavr16, а все очень просто! при применении медиа-запросов сайт в пк-версии искажается

[Froggyweb]

VelTemLo, Это действительно просто, но есть плохие новости для вас.....

[Kentavr16]

VelTemLo, Значит неверно прописаны. Отзывчивость = медиазапросы. По крайней мере я о других методах не слышал.

[VelTemLo]

Froggyweb, расскажити! pleeeease

[VelTemLo]

Kentavr16, посмотрите пожалуйста я не понимал! они даже ни то что не скривляют сайт, а просто НИЧЕГО НЕ СРЕШАЮТ!!!

вот они:

html {
    overflow: hidden;
}

body{ zoom: 100%}

@media only screen and (max-device-width: 480px) {
    div.footer {

        width: 400px;
04
    }
05
 
06
    div.header {
07
        background-image: url(media-queries-phone.jpg);
08
        height: 93px;
09
        position: relative;
10
    }
11
 
12
    div#top h1 {
13
        font-size: 140%;
14
    }
15
 
16
    #content {
17
        float: none;
18
        width: 100%;
19
    }
20
 
21
    #navigation {
22
        float:none;
23
        width: auto;
24
    }
25
}

а вот САЙТЦ veltem5q.beget.tech просмотрите с мобильница даже все равно не адаптируется. может потому что я не применил port view width-to-width? а если я применяю просто сайт мобильный совсем переворачивается с ног на голову

[Kentavr16]

VelTemLo, давай сделаем так - ты расскажешь как должен выглядеть адаптированный вариант для мобильников, а я предложу решение. Стили выглядят жутко как по мне) Когда заходит речь о простом внедрении отзывчивости, первое что приходит в голову - флекс/грид разметка.Все верстают на флексах/гридах.

[Kentavr16]

>@VelTemLo, вот вдогонку пример использования отзывчивости. Потягай окошко, посмотри как работает.

[Froggyweb]

VelTemLo, у тебя очень старая книга какая-то
body{ zoom: 100%} :)
тег

<meta name="viewport" content="width=device-width, initial-scale=1" />

- нужен

[VelTemLo]

Froggyweb, я когда применяю этот тег, то у меня сайт переворачивается с мобильного наперекосяк, могу продемонстрировать

Answer 1

[Saboteur]

для js есть готовые библиотеки, которые определяют разрешение в зависимости от браузера и ОС (вычисляет мобильные и десктопные версии).