iPhone 6+响应式图像视口错误(Unsemantic Grid)

时间:2015-05-18 23:44:21

标签: css responsive-design viewport iphone-6 960.gs

以下是网站:http://ch3.elance.website/en/

请您帮我修复iPhone6上的响应式图像?缺少什么CSS?这只是非语义网格iPhone 6+响应式图像错误吗?

当我在其他所有视口上测试网站时,它很不错。当我的兄弟推出他的iPhone 6+图像没有响应。使用浏览器堆栈,我确认了这个问题。

以下是我通常用于测试视口的网站:

以下是我兄弟使用Power + Home Button技术从iPhone 6发送给我的三个截图。如果您使用上述任何一种视口工具访问该网站,该网站看起来效果非常好。

enter image description here enter image description here enter image description here

2 个答案:

答案 0 :(得分:1)

这不是iPhone 6 Plus的东西......这是一个移动的东西。看起来你没有将视口初始设置为头部。

<meta name="viewport" content="initial-scale=1">

试试。

答案 1 :(得分:1)

正如@SeanStopnik建议的那样,您应该在html代码中添加元标记:

<html>    
    <head>
        <meta name="viewport" content="width = device-width, initial-scale=1" />
    </head>
</html>

viewport标签是Apple为iPhone发明的

您可以找到更多信息here