javascript - Windows Phone 8 图像比视口(viewport)宽

标签 javascript css mobile windows-phone-8 internet-explorer-10

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

问题

图像比视口(viewport)本身大,使图像从屏幕右侧溢出。此溢出会在其 x 轴上产生令人不舒服的滚动。

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

Matt stow solution

CSS tricks solution

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

有没有人有不破坏其他设备布局的清晰有效的解决方案?

最佳答案

就在昨天,我遇到了同样的问题,是的,我访问了与您相同的页面。 我刚刚添加了一个

.im_the_parent_class_of_the_image {
   overflow:hidden
 }

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

关于javascript - Windows Phone 8 图像比视口(viewport)宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25304552/

相关文章:

android - 移动设备上的 Google Analytics 垃圾邮件 - 应用程序未发布

angular - 你如何让滚动条在移动设备中持久存在?

javascript - .aspx 页面中的 If 语句

javascript - Backbone - 从触发器调用的 Chrome 调试函数

javascript - 如何最大化和最小化一个div

css - 将多个 CSS 样式应用于一个元素

jquery - PhoneGap + JQM Android 滚动问题

javascript - 重定向到不重定向到所需的 url - React

css - :not (CSS selector) dealing with threaded selectors

jquery - HTML 'moving link over' div 跨度,nbsp