Как сделать такое же отображение на iphone?

Question

[Ruslan Website]

Codepen

Comments

[Lynn «Кофеман»]

Codepen у меня на Айфоне отображается нормально.

[Lynn «Кофеман»]

А на сайте в сафари сдвинут

Answer 1

[ambisinister One]

transform
-ms-transform
-webkit-transform
-moz-
-o-

Comments

[Ruslan Website]

Извиняюсь, не совсем понял что с этим делать?

[ambisinister One]

Ruslan Website,
совместимость браузеров

[Ruslan Website]

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

[ambisinister One]

Ruslan Website, CANIUSE тчк com

[Ruslan Website]

ambisinister, да пошел ты нахуй школьник ебаный

[ambisinister One]

Ruslan Website, Вашу "реакцию" можно рассценить только как результат неумения пользоваться советами. Если твои скрипты не понимаются другими компьютерами и, или воспроизводятся некорректно, то есть смысл посетить страницу, которую вам дали и не особенно умно неучтиво отвечать незнакомым людям. Особенно перед этим выставив своё фото и телефон. А если вы упёртый, то позовите эксперта.
И учите латынь, чтобы знать, с кем говорите!!!
;-)

[Ruslan Website]

ambisinister, и че ты хотел сказать этим? что я выставил свой номер и фото? мне похуй на тебя черт ебаный, за то ка ты отвечаешь я тебе зубы выбью нахуй, развыебывался тут, давай звони мне чмо, попугать решил?))

[ambisinister One]

Ruslan Website, Я хотел сказать этим, что страница твоя написана косоруким бабуином, не имеющим понятия в информатике. 7 лет программист!
А по делу .:
Больше 100 потеряных объявлений,
больше 30 плохих селекторов,
60 неизвестных, то ли псевдоклассов, толи элементов.
58 проигнорированных правил и т.д.
Тебе Мурзилку можно доверить редактировать.
Ты рукожоп и неуч в одном флаконе!

spoiler

Ошибка при парсинге значения «-webkit-text-size-adjust». Потерянное объявление. bootstrap.min.css:47:30
Неизвестный псевдокласс или псевдоэлемент «focus-visible». Плохо сформированный простой селектор в качестве
аргумента «focus-visible» отрицающего псевдокласса. Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:75:27
Неизвестное свойство «text-decoration-skip-ink». Потерянное объявление. bootstrap.min.css:108:28
Неизвестный псевдокласс или псевдоэлемент «focus-visible». Плохо сформированный простой селектор в качестве
аргумента «focus-visible» отрицающего псевдокласса.
Набор правил проигнорирован из-за плохого селектора. bootstrap.min.css:245:18
Неизвестный псевдокласс или псевдоэлемент «-webkit-inner-spin-button». Набор правил проигнорирован из-за
плохого селектора. bootstrap.min.css:334:15
Неизвестный псевдокласс или псевдоэлемент «-webkit-search-decoration». Набор правил проигнорирован из-за
плохого селектора. bootstrap.min.css:344:15
Неизвестный псевдокласс или псевдоэлемент «-webkit-file-upload-button». Набор правил проигнорирован из-за
плохого селектора. bootstrap.min.css:348:2
Ошибка при парсинге значения «display». Потерянное объявление. bootstrap.min.css:624:13
Ожидалось имя медиа-функции, но найдено «prefers-reduced-motion». bootstrap.min.css:2316:8
Неизвестный псевдокласс или псевдоэлемент «-ms-expand». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:2322:15
Неизвестный псевдокласс или псевдоэлемент «-webkit-input-placeholder». Набор правил проигнорирован из-за
плохого селектора. bootstrap.min.css:2340:15
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:2350:14
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил Неизвестный псевдокласс или псевдоэлемент «-ms-value». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:2380:27
Ошибка при парсинге значения «display». Потерянное объявление. bootstrap.min.css:2467:13Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4366:22
Неизвестный псевдокласс или псевдоэлемент «-ms-expand». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4383:16
Неизвестное свойство «appearance». Потерянное объявление. bootstrap.min.css:4485:14
Неизвестный псевдокласс или псевдоэлемент «-webkit-slider-thumb». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:4492:21
Неизвестный псевдокласс или псевдоэлемент «-ms-thumb». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4500:21
Неизвестный псевдокласс или псевдоэлемент «-webkit-slider-thumb». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:4508:15
Ожидалось имя медиа-функции, но найдено «prefers-reduced-motion». bootstrap.min.css:4521:8
Неизвестный псевдокласс или псевдоэлемент «-webkit-slider-thumb». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:4522:19
Неизвестный псевдокласс или псевдоэлемент «-webkit-slider-thumb». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:4528:15
Неизвестный псевдокласс или псевдоэлемент «-webkit-slider-runnable-track». Набор правил проигнорирован из-за
плохого селектора. bootstrap.min.css:4532:15
Неизвестное свойство «appearance». Потерянное объявление. bootstrap.min.css:4551:14
Ожидалось имя медиа-функции, но найдено «prefers-reduced-motion». bootstrap.min.css:4554:8
Неизвестный псевдокласс или псевдоэлемент «-ms-thumb». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4575:15
Ожидалось имя медиа-функции, но найдено «prefers-reduced-motion». bootstrap.min.css:4589:8
Неизвестный псевдокласс или псевдоэлемент «-ms-thumb». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4590:19
Неизвестный псевдокласс или псевдоэлемент «-ms-thumb». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4596:15
Неизвестный псевдокласс или псевдоэлемент «-ms-track». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4600:15
Неизвестный псевдокласс или псевдоэлемент «-ms-fill-lower». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:4610:15
Неизвестный псевдокласс или псевдоэлемент «-ms-fill-upper». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:4615:15
Неизвестный псевдокласс или псевдоэлемент «-webkit-slider-thumb». Набор правил проигнорирован из-за плохого
селектора. bootstrap.min.css:4621:24
Неизвестный псевдокласс или псевдоэлемент «-webkit-slider-runnable-track». Набор правил проигнорирован из-за
плохого селектора. bootstrap.min.css:4625:24
Неизвестный псевдокласс или псевдоэлемент «-ms-thumb». Набор правил проигнорирован из-за плохого селектора.
bootstrap.min.css:4637:24
Ожидалось имя медиа-функции, но найдено «prefers-reduced-motion». bootstrap.min.css:4647:
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:25282
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:25756
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:26346
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:27622
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:76277
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:76852
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:77520
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:78127
Неизвестный псевдокласс или псевдоэлемент «-ms-clear». Набор правил проигнорирован из-за плохого селектора.
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:84947
Неизвестное свойство «scrollbar-width». Потерянное объявление. widget.css:1:85067
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:85219
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:85647
Неизвестный псевдокласс или псевдоэлемент «-webkit-scrollbar». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:86064
Неизвестный псевдокласс или псевдоэлемент «-webkit-scrollbar-thumb». Набор правил проигнорирован из-за
плохого селектора. widget.css:1:86118
Неизвестный псевдокласс или псевдоэлемент «-webkit-scrollbar-button». Набор правил проигнорирован из-за
плохого селектора. widget.css:1:86246
Неизвестный псевдокласс или псевдоэлемент «-webkit-input-placeholder». Набор правил проигнорирован из-за
плохого селектора. widget.css:1:86333
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:86873
Неизвестный псевдокласс или псевдоэлемент «-webkit-scrollbar». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:87029
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:87162
Неизвестный псевдокласс или псевдоэлемент «-webkit-input-placeholder». Набор правил проигнорирован из-за
плохого селектора. widget.css:1:87312
Неизвестное свойство «zoom». Потерянное объявление. widget.css:1:87675
Неизвестный псевдокласс или псевдоэлемент «-webkit-file-upload-button». Набор правил проигнорирован из-за
плохого селектора. widget.css:1:89545
Неизвестный псевдокласс или псевдоэлемент «-webkit-file-upload-button». Набор правил проигнорирован из-за
плохого селектора. widget.css:1:89766
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:90970
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:92719
Неизвестное свойство «user-select». Потерянное объявление. widget.css:1:95827
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:96259
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:97329
Неизвестный псевдокласс или псевдоэлемент «-ms-input-placeholder». Набор правил проигнорирован из-за плохого
селектора. widget.css:1:98110

[Ruslan Website]

ambisinister One, вот это хоть ответ мужика, а не якобы загадочного, якобы с впечатлением немногословного ушлепка. А в разработке я чуть больше года при совмещении с основной работой, инфа на сайте это тупо для конверсий, ты цену хоть видел? 4 тысячи рублей по сути за сайт, при такой цене говорить что я рукожоп это ничего не сказать. Да пофиг, от сути мы давно отошли, так что просто скажу на будущее, кем бы ты ни был, веди себя как мужик, не надо строить из себя умника который хочет парой слов донести до собеседника мысль, и если собеседник не понял то винить его в тупости (даже если он и правда тупой, в нашей жизни у людей гораздо больше качеств кроме ума, за которые они заслуживают уважительного, достойного или обычного отношения), не надо думать что ты настолько умен что тупой собеседник не заслуживает от тебя объяснений, иначе зачем вообще нужно излагать неполную информацию. Взрослые люди этим и отличаются от недоразвитых.

[ambisinister One]

))))) Куча извинений эдакой раненой особе, не услышавшей ни одного плохого слова и начинающей кидаться дерьмом на право и на лево...
Но Вы уж уберите со своей страницы, что Вы, ну прям ваще, Мегапрограммист и б аж более семи лет ого-го какой! А на будущее: будьте всегда дружелюбны. В противном случае, когда-то вы услышите гудок и зубы тронутся...
С наи, офигеть какими, пожеланиями)

[Ruslan Website]

ambisinister One, ну вот опять ты за свое, нормальным мужским языком писать не умеешь? без эти ехидных саркастичных, хитровыебанных словооборотов? я тоже умею так писать, и поверь много кто умеет, но многие не дебилы чтобы этим кичиться. И не пытайся пугать или учить, ты просто не знаешь что такое за слова отвечать, и если мне кто то позвонит я его вместе с тобой раскатаю, ты никогда не был в таких ситуациях и пытаешься как то напугать, ты смешно смотришься.

[ambisinister One]

Молодой человек, у вас мания преследования)
На кой хрен вы мне упёрлись?
Живите спокойно дальше)