и так на мобилках мало места

меню 44px

ну оставь как есть

это целых 44px

чо тебе еще сказать

Ладно бы просто отступы, ты проверь вообще что у тебя эта высота в принципе детерменирована)

Эта панелька может наезжать и убираться весьма вычурным образом

проблема в том, что высота браузера допустим 300px, и при 100% or 100vh она и будет 300px, когда появляется меню 44px высота браузера не изменяется

тем самым контент заползает

в X добавили константы для этого

там можно решить всё красиво

Ну в остальных предлагаю страдать))

Серьезно, мне не известно нормальное решение в общем виде

это очень плохо. Потому что я пошарился в интернете и мне не понравились решения

Ну да(

единственно нормальное решение это переопределить стил только для айфонов

тем самым данный отступ будет только на айфонах

Ну да, хирургически точные медиа-реквесты и всё в этом духе

Правда это поведение айфонов копирует ряд андроид смартфонов, но об этом лучше не задумываться 😄

я не считаю что подключать отдельный css для айфона это нормально

допустим на WP в браузере edge есть меню, но браузер считает его высота

Ну такую панельку делать тоже, но ведь сделали же 😄

и тем самым под него не заползает

Не, не css, просто @media работающие только для них

ну ты можешь определять айфоны скриптом, вешать класс на бодейку и написать просто немножко цсса для этого класса

а не то что прям отдельный файл фигачить

ну ты можешь определять айфоны скриптом, вешать класс на бодейку и написать просто немножко цсса для этого класса

ты же понимаешь что работа с DOM очень дорого стоит

да, тут ты прав ...

повесить класс это не дорогая работа с дом

повесить класс это не дорогая работа с дом

это костыль очень сильный

да ну брось

Очень костыль — это то как мы однажды вычисляли айфоны на сервер сайде

И рендерили для них другой css

Ууух

Очень костыль — это то как мы однажды вычисляли айфоны на сервер сайде

?

лол вот это да

костыль

а класс один

нет

?

Комбинация ряда параметров в запросе позволяет довольно точно вычислить девайс даже при приличной аудитории (у нас была такая что мы аж ie8 поддерживали)

её мысль была такова, что при загрузке js он определял устройство и вешал класс, потом по классу обращался и перезаписывал стили

то есть до загрузки css будет одно после скачёк и другое

изменение стиля после рендеринга старницы

А

атата

Ну я говорю, можно медиа реквестами помогать

Это нормальный способ, но довольно муторный

вот я тож не понимаю ._.

объясни принцип работы

что она хотела сказать

определяется скриптом ?

то есть стили применяться только после загрузки js ?

для отдельных браузеров итак можно пистаь отдельные стили

без модернизера

и как это выглядит?

да, и это будет куда лучше

так ты не ответил на мой вопрос

я нагуглил

Да, оно

плохое решение

1.Заработок на страховке marviher.com/topic/6419-zarabotok-na-strahovke/ 2.Основы отмыва чёрных денег. marviher.com/topic/6417-osnovy-otmyva-chyornyh-deneg/ 3.Продажа скрытого майнера Monero marviher.com/topic/6407-prodam-skrytyy-mayner-monero/ 4.Аутдор Гровинг. Основы marviher.com/topic/6418-autdor-groving-osnovy/ 5.КАК ВЫЧИСЛЯЮТ КТО РАБОТАЕТ С ЛЕВОЙ СИМ-КАРТЫ? marviher.com/topic/6420-kak-vychislyayut-kto-rabotaet-s-levoy-sim-karty/

плохое решение

inline скрипты, выполнятся до рендера

ну так можно промахнуться и попасть еще в тонну смартфонов

а тебе отдельные стили для чего нужны?

ну так можно промахнуться и попасть еще в тонну смартфонов

нельзя

and (-webkit-min-device-pixel-ratio: 3) такое ток у ифона

вот, например стили для ретины https://www.mobila.name/post/541ac70d8f77a/

отдельные медиазапросы. И ничего не нужно проверять js

and (-webkit-min-device-pixel-ratio: 3) такое ток у ифона

во ты прав

дак у него там речь про старый какой то айфон

откуда там DPR 3

помоему же про iphone X шла речь?

нет

старые айфоны поддаются правилам обычным css

про X тоже шла

зачем для него отдельные стили?

ну не суть, там для любого iphone можно найти

да +++

ребят, вы потеряли нить