Как я могу создать единый CSS, который работает для браузеров Android и iOS с точки зрения размеров сетчатки x2

Мобильный Safari умножает все мои размеры CSS на два, поэтому, если я напишу верхнюю панель высотой 44 пикселя, она будет отображаться так, как я хочу, на iOS, но вдвое меньше на Android Chrome.

Как я могу написать CSS, который работает для обоих браузеров?


web css mobile-website
person eyalw    schedule 14.04.2013    source источник
comment
Вы пробовали другие единицы для объявлений длины? например см, эм, пт, %, ...   -  person Elmar Peise    schedule 15.04.2013
comment
blog.cloudfour.com/   -  person cimmanon    schedule 15.04.2013
comment
Можете ли вы получить нативный div панели инструментов iOS с высотой 88 пикселей без использования единиц измерения в пикселях?   -  person eyalw    schedule 15.04.2013

Ответы (1)


arrow_upward
0
arrow_downward

Если вы компилируете с помощью Grunt, вы можете просто создать два целевых файла CSS, android.css, iOS.css — и скомпилировать каждый, например, со словарем параметров.

{фактор: 1}, {фактор:2},

и таким образом будут созданы 2 файла css с двумя разными размерами.

person eyalw    schedule 11.12.2013