文章/答案/技术大牛

发布

社区首页 >问答首页 >iPhone 6+响应图像视图Bug (非语义网格)

问iPhone 6+响应图像视图Bug (非语义网格)
EN

Stack Overflow用户

提问于 2015-05-18 23:44:20

回答 2查看 302关注 0票数 0

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

你能帮我修复iPhone6上的响应图像吗？缺少什么CSS？这是一个非语义网格iPhone 6+响应图像错误吗？

当我在其他所有的视口上测试网站时，它是很好的。当我弟弟启动他的iPhone 6+时，图像没有反应。使用浏览器堆栈，我确认了这个问题。

以下是我通常为测试viewport而启动的站点：

http://quirktools.com/screenfly/
http://mobiletest.me
原生F12铬检测元件

下面是我哥哥用Power + Home Button技术从他的iPhone 6中发送给我的三张截图。如果您在上述任何一个视口工具访问该网站，该网站看起来是完美的工作。

iphone-6

960.gs

css

responsive-design

viewport

回答 2

Stack Overflow用户

发布于 2015-05-19 00:13:26

这不是iPhone 6+的东西.这是一个移动的东西。看上去你并没有把你的视角设定在头上。

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

试试看。

票数 1

Stack Overflow用户

发布于 2015-05-26 14:03:33

正如@SeanStopnik所建议的，您应该在您的html代码中添加元标记：

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

viewport标签是苹果为iPhone发明的

您可以找到更多的信息，这里

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30314536

复制

相似问题

问iPhone 6+响应图像视图Bug (非语义网格)
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iPhone 6+响应图像视图Bug (非语义网格)EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iPhone 6+响应图像视图Bug (非语义网格)
EN