Как мога да създам един CSS, който работи за браузъри Android и iOS по отношение на x2 размери на ретината

Mobile Safari умножава всичките ми размери на CSS по две, така че ако напиша горна лента с височина 44 пиксела, тя изглежда както искам в iOS, но наполовина по-малка в Android chrome.

Как мога да напиша CSS, който работи и за двата браузъра?


web css mobile-website
person eyalw    schedule 14.04.2013    source източник
comment
опитвали ли сте други единици за декларациите за дължина? напр. cm, em, pt, %, ...   -  person Elmar Peise    schedule 15.04.2013
comment
blog.cloudfour.com/   -  person cimmanon    schedule 15.04.2013
comment
Можете ли да получите естествено изглеждащ div на лентата с инструменти на iOS с височина 88px, без да използвате пикселни единици?   -  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