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

所以我正在研究响应性设计，当我在苹果手机上注意到这个问题时，我想我已经差不多做到了。这是一个链接，你可能可以看到它在安卓上的样子，一切正常，但在iphone上则完全不同。我无意中注意到了这一点，当时我正在和一个朋友聊天，我想给他看我的项目（他有一部iPhone5），然后当页面加载时，我觉得有点愚蠢。问题是我没有办法去模仿，只能去问我的朋友，我并不总是和他们在一起，所以这有点困难。它不适用于chrome的开发者工具包，因为它没有显示该问题

我在网上冲浪，认为这可能是关于那次狩猎旅行的问题 小数。因此，如果您能提供一点帮助，我们将不胜感激

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

这是我补充的。。由于Safari<7中忽略了flex wrap，所以我将元素向左浮动（selector>*表示selector的直接子元素）

然后你必须做最后的修饰，你将在Safari<7中可用。

编辑：使用版本进行浏览器检测（无法确定工作是否完美，但快速测试会给出，safari上的safari，chrome上的chrome，firefox上的firefox和MSIE上的IE

函数获取浏览器信息（）{
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）| |[]；
返回{name:'IE'，version:（tem[1]| |'''）；
}   
if（M[1]=='Chrome'）{
tem=ua.match（/\bOPR\/（\d+/）
如果（tem！=null）{return{name:'Opera'，version:tem[1]}；}
}   
M=M[2]？[M[1]，M[2]]：[navigator.appName，navigator.appVersion'，-？'；
如果（（tem=ua.match（/version\/（\d+）/i））！=null）{M.splice（1,1，tem[1]）；}
返回{
名称：M[0]，
版本:M[1]
};
}
var browser=get_browser_info（）；
alert（browser.name）；

我已经检查了你的网站，它在android和chrome中运行得很好，但很抱歉没有iphone，但明天从office我一定会尝试帮助你：）@Leothelion谢谢；）=>，我能解决它@菲兰德霍夫没有work@Sashka是一个自己检查的选项。。他们的裤子一点也不正确，这会给你的狩猎带来麻烦。。我现在正在寻找…是否有一个特殊的方法来识别safari版本<7，以便我可以加载特定的css？就像我们在标题部分对IE所做的那样？@Sashka当然，我编辑了答案，你也可以做一些简单的css更改，我在safari<7中看起来不错。。（例如：灰框上的最小高度…（可能在媒体查询中）比我看起来对每个人都好：））