https://hamzicabdulah.github.io/personal-portfolio/
当我在我的PC /笔记本电脑上打开页面时,任何浏览器都能正常工作 - 页面响应,所有背景图像都出现在任何屏幕尺寸上......但是,当我在手机上打开页面时,前两个部分的背景图像不会出现。我不知道如何解决这个问题。我已尝试删除以下移动尺寸代码:
background-attachment: fixed;
......但这根本没有改变。任何人都可以帮我这个吗?
答案 0 :(得分:0)
好的,基本上,我自己想出答案,所以我会在这里发布,这样任何有类似问题的人都会觉得这很有帮助。我实际上只是发现线性渐变显然无法在某些移动设备上运行,因此使用像这样的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)。因此,我刚刚删除了移动视图的线性渐变,现在工作正常......