Iphone 4/5上的Safari显示百分比不正确

Question

所以我正在进行响应式设计，当我注意到Apple手机上的问题时，我以为我差不多了。 This是链接，你可能会看到它在Android上的外观，一切正常，但在iphone上是一个完全不同的故事。我偶然注意到这一点，我正在和一个朋友聊天，我想向他展示我的项目（他有一个iphone 5），然后当页面加载时我觉得有点愚蠢。问题是我没有办法模拟，但问我的朋友，我并不总是和他们在一起，所以这有点困难。它不适用于chrome的开发人员工具包，因为它没有显示该问题。

我在网上冲浪，并认为这可能是关于那次野外探险的问题  小数点。所以一点帮助将不胜感激。

Answer 1

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

这是我添加的...因为在Safari＆lt;中忽略了flex-wrap; 7，我将元素浮动到左边（选择器＆gt; *表示选择器的直接子元素。）

比你必须做一个画龙点睛，你将在Safari＆lt; 7。

编辑：浏览器检测版本（无法确定是否完美，但快速测试给出，safari上的safari，Chrome上的chrome，firefox上的firefox以及IE上的MSIE和IE

＆＃13;

＆＃13;

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);

＆＃13;

＆＃13;

＆＃13;