Windows phone 8 图像比视口更宽答案

【问题标题】：Windows phone 8 images are wider than the viewportWindows phone 8 图像比视口更宽
【发布时间】：2014-10-07 21:33:43
【问题描述】：

我一直在尝试解决仅在 Windows phone 8 上发生的问题。它们用作浏览器 IE10。在许多响应式设计项目中，我检查过所有手机都可以正常工作，除了这个手机和它的浏览器。

问题

图像大于视口本身，使图像在屏幕右侧溢出。这种溢出会在它的 x 轴上产生不舒服的滚动。

对我不起作用的可能解决方案

Matt stow solution

我正在使用诺基亚 lumia 925 和诺基亚 lumia 520 进行测试。如果我应用此解决方案，它们都有不同的布局。尤其是 nkia 925，因为它具有很高的分辨率，媒体查询的行为很奇怪，因为它是一个平板电脑。

有没有人有一个清晰可行的解决方案，不会破坏其他设备的布局？

【问题讨论】：

会不会是 IE 的默认 css？也许那里有一些填充或边距。您使用的是 Reset.css 文件吗？我对此有点陌生，但我也将 css3-mediaqueries.js 用于某些 IE 浏览器。只是一个想法:)
@deebs 这个项目已经在所有浏览器上运行，所以它是响应式的。我使用了媒体查询，它工作正常，这似乎是视口的问题，但我没有找到比视口更大的图像的可靠解决方案......所以..让我们看看是否有人有答案。

【解决方案1】：

就在昨天，我遇到了同样的问题，是的，我访问了和你一样的页面。我刚刚添加了一个

.im_the_parent_class_of_the_image {
   overflow:hidden
 }

到图像的父类/元素，它对我来说仍然可以正常工作，并且没有其他浏览器受到影响。

【讨论】：