iOS背景图像和div Mobile Safari兼容性问题

文章/答案/技术大牛

发布

1回答

html、css、cross-browser、mobile-safari

我有一个带有背景图像的'.home‘div，我想垂直地放在这个div里面。除了使用mobile Safari浏览iPhone之外，它在移动设备上运行得很好。> </div></div> .home{

浏览 15提问于2017-12-29得票数 0

回答已采纳

1回答

固定背景img不能在iPad和iPhone上正常工作

iphone、ios、css、background-image、fixed

关于Safari在ios (iPad/iPhone)上的背景图像，我遇到了一些问题。在常规浏览器上，一切都很正常。图像应该是固定的，并填充屏幕。在ios-safari上，背景图像显示，并保持固定在后面。然而，图像的高度以某种方式由内容高度来设置。这意味着，当页面上的内容很少时，图像就会正确显示，但是当我有长内容时，我只能看到背景图像的顶部(图像<

浏览 0提问于2013-06-30得票数 1

回答已采纳

1回答

Angular 2指令渲染器在Safari/IE中不起作用

angular

我有一个Angular 2指令，它有一个主机侦听器，它设置背景图像css属性，如下所示：这在Chrome和Firefox中有效，但在IE或Safari

浏览 15提问于2017-02-04得票数 0

回答已采纳

2回答

HTML脱机应用程序缓存，获取错误详细信息

javascript、html、offline-browsing

作为我正在构建的支持脱机的web应用程序()的加载屏幕的一部分，我遇到了浏览器兼容性问题。在最新版本的Chrome、FireFox和Safari中，我可以下载缓存清单中的文件并脱机，但在iOS 4Mobile Safari中，会引发window.applicationCache.error事件

浏览 2提问于2011-02-26得票数 0

回答已采纳

2回答

Mobile Safari (iPad)中的背景图像渲染问题

html、css、mobile、safari、html-rendering

当我使用Mobile Safari和iOS浏览我的网页时，我遇到了一个简单但意想不到的渲染问题。无法添

浏览 0提问于2011-01-15得票数 1

1回答

图像作为普通<img />加载，并将适当的src附加到DOM。图像是服务器上的普通静态资源。在最新的windows Chrome，Android Chrome，甚至iOS Chrome上，几乎所有的图像都是即时加载的。然而，在iOS Safari上，对于每100张照片，随机地，一到两张照片不会立即加载，相反，这些照片将在大约20-30秒内加载。Safari开发人员调试器表示，该图像请求有20-30秒的延迟。我怀疑IISnode<e

浏览 2提问于2016-06-22得票数 0

1回答

带有CSS3转换的HTML

html、css

我创建了一个HTML翻盖卡： <div class="front face"> </div> &l

浏览 4提问于2015-09-10得票数 0

回答已采纳

1回答

无法在iphone的chrome、safari和firefox上加载Webp图像

html、image、webp

我的html页面中有两个webp文件类型的图像。 <img src="./assets/beros-capak.webp" class="article-image" /> <img src=".但是，正如您在上图中看到的，第一个webp图像未加载，而另一个图像加载正常。我在chrome，firefox和safari的iphone上测试过，他们都不能加载第一张图片，而在android和mac

浏览 52提问于2020-12-08得票数 1

1回答

iOS 4.3.3和iOS 5.0.1之间的图像显示差异

iphone、uiwebview、safari

我有以下图像源，我正尝试在UIWebView中显示它在iOS 4.3.3中，它可以正确显示图像，但在5.0.1中，它根本不会显示。在Safari中也会发生。我是不是遗漏了什么？

浏览 3提问于2012-01-12得票数 0

1回答

Jquery-mobile会弄乱iphone浏览器和UIWebView上的css背景图片。

iphone、ios、jquery-mobile、uiwebview

当我将jquery-mobile javascript添加到我的站点时，一些背景css图像无法加载，直到我转到另一个页面并返回到主页。<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> 第二次删除导入行时，图像加载正常此问题仅出现在ios

浏览 0提问于2012-09-09得票数 0

回答已采纳

1回答

IndexedDB在升级时没有在iOS上开火

javascript、html、mobile-safari、indexeddb、shim

我读过关于这类问题的文章，因此我知道onupgradeneeded的用途、何时应该调用它以及浏览器兼容性问题。整个系统在Chrome中运行良好。在mobile中，当我第一次加载没有缓存数据的页面时，它将无法创建数据库，因为没有调用onupgradeneeded 。

浏览 6提问于2014-03-27得票数 0

回答已采纳

2回答

在UIWebView (嵌入式移动safari)中右填充/边距不能正常工作

ios、css、uiwebview、mobile-safari、padding

这是在iOS应用程序内部的UIWebView中使用的。它在普通的Mobile Safari中似乎工作得很好，但在嵌入式浏览器中就不行了。请注意，在Mobile <em

浏览 3提问于2012-11-15得票数 1

回答已采纳

6回答

移动Safari中的线条伪影

iphone、ipad、ios、ios4、mobile-safari

Safari在我的网站上以一定比例呈现了div之间的黑线。当它将图像分割成两个不同的div来表示按钮或其他东西时，这一点尤其糟糕。我不能在两个div的父类中放入BG，因为它们是透明的.pngs。捕获问题， TravisO也有同样的问题，我改变了页面的布局方式，最初是一个只有5行的简单表格，我删除了行，只使用图像和br，仍然会发生这种情况。我试图通过CSS删除所有的填充和页边距，但很明显问题不是浏览器的渲染，而是浏览器通过重采样将页面转换为适合屏幕的大小

浏览 0提问于2010-10-11得票数 6

1回答

Internet Explorer 6、7和8对用作html元素背景的png/jpg图像的跨浏览器兼容性问题

internet-explorer-8、internet-explorer-7、png、jpeg、internet-explorer-6

当我使用png/jpg图像作为html文档元素的背景时，它与Internet 6、7和8不兼容。如何解决这个跨浏览器兼容性问题？

浏览 8提问于2015-07-11得票数 0

回答已采纳

1回答

Safari与Chrome兼容性问题

javascript、jquery、html、css、cross-browser

我刚接触html和css，当我将我的网站加载到Safari中时，它看起来与我在Chrome中创建的版本不同。我知道存在跨浏览器兼容性问题，但我很天真地认为现在修复这个网站的最好方法是什么。主要的问题似乎是一个绝对定位的div和p标签，以及在Safari中没有定位在正确位置的社交图标。我希望有人能给我一些建议。在这种情况下，我甚至不知道chrome和safari之间的浏览器兼容性问题是什么。谢谢你的帮

浏览 0提问于2015-12-14得票数 0

2回答

iOS模拟器:在地址"(null)“处不存在文件

ios、xcode、ios-simulator

我试图将图像拖到iOS模拟器中，并在safari中获得响应No file exists at the address "(null)".。另外，如果我在google上搜索图像，并试图将其保存到模拟器上的照片库中，则不会添加。在过去，我已经成功地将照片添加到模拟器中，方法如下。我需要让这个工作的图像编辑应用程序我正在工作。我尝试过更新模拟器，使用重置内容和设置，重新启动Xcode和模拟器，但似乎没有任何效果。

浏览 3提问于2014-08-06得票数 1

回答已采纳

3回答

Safari浏览器预取解决方案？

html、safari、prefetch

谁有一个解决方案，如何预加载，预取，缓存页面，使其在iOS上工作？(Safari)

浏览 2提问于2016-04-28得票数 7

1回答

背景图像和渐变在iPad上不显示

ipad、css、webkit、mobile-safari、compatibility

我有一个“选定的”类，并且我定义了一个嵌入的背景图像和一个webkit渐变。在我运行iOS 5.0.1的iPod触摸屏上，它可以在safari上运行，但在运行iOS 4.3.4的iPad上，图像和渐变都不显示。有什么建议可以让它更兼容吗？blablablabl==) 14px center no-repeat, -webkit-linear-gradient(bottom, red 0%, blue 100%);请注意，当我不包

浏览 0提问于2011-12-02得票数 2

回答已采纳

1回答

什么设备是移动应用程序开发所必需的？

testing、web-applications、ios7、mobile-webkit、iphone-web-app

我正在为css3和webgl开发一个3D应用程序，用于ios6+和Android4.0+(主要用于移动电话)。我拥有的设备是iPhone 4S(iOS7)、iPad mini2和nexus 5。在 safari、android和android之间是否存在常见的兼容性问题？谢谢

浏览 3提问于2014-02-21得票数 0

3回答

背景图像不显示在iOS* Chrome中*

ios、css、google-chrome、background、background-image

我遇到了一个特殊的问题:我的页面上的div的背景图像在我的计算机的web浏览器上工作得很好，在iOS的Safari上也能正常工作，但是用于iOS的Chrome (v46)的最新版本没有显示图像：如果我返回主屏幕，打开另一个应用程序(LinkedIn、Safari等图

浏览 1提问于2015-11-17得票数 1

回答已采纳

点击加载更多