В чем проблема адаптивности?

Question

[Muxailo]

так отображаеться на телефоне.

а так с комп. через F12.
У меня такой вопрос,из-за чего может быть такая проблема?(номер телефона не поместился на телефоне)
сделано все через media.....
п.с. проблема не в браузере.
п.с2. может ето быть через то,что сайт залит на бесплатый хостинг?

Comments

[Mary Солнечная]

может кеш попробовать почистить?

[alex]

спросите здесь

[Ankhena]

п.с2. может ето быть через то,что сайт залит на бесплатый хостинг?

я думаю, что зарядить надо телефон, 4% это мало, не хватает, чтобы понять всю силу media

[Егор Живагин]

Ankhena W: и вообще, это всё вспышки на солнце

[Muxailo]

Ankhena W: при чем тут 4%?? при 100 % тоже самое.
очень умно. писать бред

[Ankhena]

Muxailo: заставлять нас гадать по звездам, что Вы там в коде понаписали - вот это очень умно. А мы так, с тоски балуемся.

[Muxailo]

Mary Солнечная: почистил,ничего)

[Muxailo]

Ankhena W: в чем я заставил вас гадать?
я написал в чем проблеме.
почему через F12 все хорошо показало,а на самом телефоне нет.
я просто спросил в чем может быть проблема.
и чему верить

[Muxailo]

Ankhena W: ну если надо,то вот,медиа для даного размера
media all and (min-width:481px) and (max-width:553px){
.menunumber{margin-left: 76.2%;
transform: translate(-76.2%);}
}

[alex]

Muxailo: господи, товарищ, как же вы тупы. вы не понимаете что вас тут троллят? скажите каким образом мы должны понять в чем у вас проблема? вы считаете что картинок ваших достаточно? кидайте код, а лучше ссылку на сайт, иначе сарказма и троллей под вашим вопросом будет еще больше

[Ankhena]

По полочкам:

я написал в чем проблеме.
почему через F12 все хорошо показало,а на самом телефоне нет.
я просто спросил в чем может быть проблема.

В вашем коде.

в чем я заставил вас гадать?

В том, что нам по скринам не видно, что в нем (в коде) написано и какие свойства вы используете и поддерживаются ли они вашим телефонным браузером

и чему верить

Сложно.
Если вы адаптируете сайт под "F12", то ему.

Давайте уже нормальную ссылку на сайт или песочницу.

[Froggyweb]

Muxailo: медиа стили жуткие. А еще мобильные браузеры любят оборачивать телефоны в ссылку.

Answer 1

[Иван Чернышев]

Хоть бы код скинул, что ли...

Comments

[Muxailo]

при чем тут код.я не могу понять логику людей.
я написал вопрос.
есть проблема с буквами или как?
как обьяснить тупость людей?
прошу перечитать вопрос.

[Иван Чернышев]

Muxailo: Дружище, даже не надейся, что тебе ответит кто-нибудь, если ты не будешь играть по правилам. Тебя попросили дать код. Без него мало что сказать можно. И да, это не связано с тем, что хостинг бесплатный.

Answer 2

[Ankhena]

Muxailo:
ладно, погадаем на скринах

специально для вас, сотворила пример из того, что написано у вас в media: https://jsfiddle.net/9nf9bvu4/

margin-left: 76.2%;
transform: translate(-76.2%);

Подвигайте ширину блока с результатом и посмотрите, что будет: при небольшой ширине верхний блок (ваш) уезжает за экран, нижний (мой) остается всегда в центре.
Поэтому, ваш блок уехал.

Ширина окна браузера на вертикально повернутом iphone5 320 точек. Вы же сравниваете эмулятор горизонтально повернутого айфона и реальный вертакально повернутый телефон.
Поэтому, разница в скринах

Откуда взялись эти странные сдвиги на 76,2%? Почему сдвиг влево не равен сдвигу вправо? Какого результата вы пытались этим ходом добиться?

Comments

[Ankhena]

Muxailo разобрались с процентными сдвигами?