背景图片没有出现在手机上答案

【问题标题】：Background images not appearing on mobile背景图片没有出现在手机上
【发布时间】：2016-07-14 04:53:04
【问题描述】：

https://hamzicabdulah.github.io/personal-portfolio/

当我在 PC/笔记本电脑上打开页面时，在任何浏览器上都可以正常工作 - 页面是响应式的，所有背景图像都出现在任何屏幕尺寸上......但是，当我在手机上打开页面时，前两个部分的背景图像不会出现。我不知道如何解决这个问题。我已尝试删除以下移动尺寸代码：

background-attachment: fixed;

...但这并没有改变任何东西。谁能帮我解决这个问题？

【问题讨论】：

What's the largest image size that the iOS browser display without downsampling? 的可能重复项，即使实际问题的措辞不同 - 请查看链接的问题以获取答案。
这对我的问题真的没有帮助......
我的工作正常我会缩小他们现在很大的图像
链接的问题解释了如何计算您的设备支持的最大尺寸图像以及为什么 - 这是您的问题 - 图像太大并且无法在旧设备上呈现运行 iOS。
但是...我的身体背景图像的尺寸为 852 x 480。这意味着我不应该遇到这个问题。而且，我使用的是安卓设备。 ://

标签： html css twitter-bootstrap

【解决方案1】：

好的，基本上，我自己想出了答案，所以我会在这里发布，这样任何有类似问题的人都会发现这很有帮助。我实际上只是发现线性渐变显然不能在某些移动设备上工作，因此使用像这样的 css 代码......

background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url('http://www.inmeteo.net/blog/wp-content/uploads/2016/03/toscana.jpg') center;

... 移动视图使背景图像在某些设备上不可见（例如，我的三星 Galaxy S3）。因此，我刚刚删除了移动视图的线性渐变，现在它工作正常......

【讨论】：