Неверный показатель отображения Safari на Iphone 4/5

Question

Итак, я работаю над отзывчивым дизайном, и я думал, что я был почти там, когда заметил эту проблему на яблочных телефонах. This - это ссылка, и вы, вероятно, можете увидеть, как она выглядит на андроиде, все в порядке, но на iphone это совершенно другая история. Я случайно заметил это, я общался с другом, и я хотел показать ему свой проект (у него был iphone 5), а затем, когда страница загрузилась, я почувствовал себя немного идиоткой. Дело в том, что у меня нет НИКАКИХ способов моделирования, а для того, чтобы спросить моих друзей, и я не всегда с ними, и поэтому так сложно. Он не работает с набором разработчика из хром, потому что он не показывает эту проблему.

Я просмотрел сеть и подумал, что это может быть проблема об этом сафари округляет десятичных знаков. Поэтому небольшая помощь будет оценена по достоинству.

Answer 1

.header__inner > *, .add_friend, .more__info, .show__notifications { float:left; } 

Это то, что я добавил .. из-за гибкую пленкой игнорируются в Safari < 7, я плавать элемент влево (селектор> * означает прямые дочерний селектор).

, чем вы должны сделать штрих и вы будете доступны в Safari < 7.

редактировать: обнаружение браузера с версией (не может знать наверняка, если работает идеально, но быстрый тест дает, сафари на сафари, хром на Chrome, Firefox на светлячок и MSIE и IE на IE

function get_browser_info(){ 
 
    var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; 
 
    if(/trident/i.test(M[1])){ 
 
     tem=/\brv[ :]+(\d+)/g.exec(ua) || []; 
 
     return {name:'IE',version:(tem[1]||'')}; 
 
     } 
 
    if(M[1]==='Chrome'){ 
 
     tem=ua.match(/\bOPR\/(\d+)/) 
 
     if(tem!=null) {return {name:'Opera', version:tem[1]};} 
 
     } 
 
    M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?']; 
 
    if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1]);} 
 
    return { 
 
     name: M[0], 
 
     version: M[1] 
 
    }; 
 
} 
 

 
var browser=get_browser_info(); 
 
alert(browser.name);